学习vue.js的自我梳理笔记
基本語(yǔ)法格式：
<script>
new Vue({
? el: '#app',
? data: {
??? url: 'http://www.runoob.com'
? }
})
</script>
?
指令 【指令是帶有 v- 前綴的特殊屬性。】
?????? 判斷? <p v-if="seen">現(xiàn)在你看到我了</p>
?????? 參數(shù)? <a v-bind:href="url">菜鳥(niǎo)教程</a>
?????? 監(jiān)聽(tīng)? v-on 指令，它用于監(jiān)聽(tīng) DOM 事件： <a v-on:click="doSomething">
過(guò)濾器：{{ message | capitalize }}?? 或?? <div v-bind:id="rawId | formatId"></div>
例：
?
?????? 雙向數(shù)據(jù)綁定? v-model用在表單控件上的，用于實(shí)現(xiàn)雙向數(shù)據(jù)綁定，所以如果你用在除了表單控件以外的標(biāo)簽是沒(méi)有任何效果的。
?
===========================
計(jì)算屬性：computed
computed vs methods
我們可以使用 methods 來(lái)替代 computed，效果上兩個(gè)都是一樣的，但是 computed 是基于它的依賴緩存，只有相關(guān)依賴發(fā)生改變時(shí)才會(huì)重新取值。而使用 methods ，在重新渲染的時(shí)候，函數(shù)總會(huì)重新調(diào)用執(zhí)行。
?
=====================
Vue.js 樣式綁定
v-bind:class? 設(shè)置一個(gè)對(duì)象
?
===========================
Vue.js 事件處理器
事件監(jiān)聽(tīng)可以使用 v-on 指令：
?
====================
Vue.js 組件
prop 是單向綁定的：當(dāng)父組件的屬性變化時(shí)，將傳導(dǎo)給子組件，但是不會(huì)反過(guò)來(lái)。
?
//js
Vue.component('todo-item', {
? props: ['todo'],
? template: '<li>{{ todo }}</li>'
})
?
new Vue({
? el: '#app',
? data: {
??? todo :""
? }
})
?
?
?
不理解的問(wèn)題：
?
轉(zhuǎn)載于:https://www.cnblogs.com/liuyuweb/p/8525016.html
總結(jié)
以上是生活随笔為你收集整理的学习vue.js的自我梳理笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 信阳治疗卵巢早衰最好的医院推荐
- 下一篇： html5倒计时秒杀怎么做,vue 设