-
@click="handleClick"
v-on:click="handleClick"
等價(jià)方法
查看全部 -
<div id="root">
{{msg}}
</div>
<script>
new Vue({
el:"#root",
template:"<h1>hello {{msg}}</h1>",
data:{
msg : ? "world"
}
});
</script>
有了模板,掛載點(diǎn)里面的{{msg}},就失去效果了
查看全部 -
模板指的就是掛載點(diǎn)內(nèi)部的
查看全部 -
style scoped 樣式的作用域
查看全部 -
1、v-for 指令，循環(huán)可以 item of items? 也可以 item in items
2、建議在v-for循環(huán)中，指定? key屬性
查看全部 -
1、v-show控制元素，在元素不可見(jiàn)時(shí)，其實(shí)元素還是存在DOM中的------控制是否顯示
2、v-if控制元素，在元素不可見(jiàn)時(shí)，元素從DOM中被清除-------控制是否存于DOM
查看全部 -
組件內(nèi)重要的對(duì)象
計(jì)算屬性 computed:{proA:function() {return 'value'}}
偵聽(tīng)器? watch:{watchproA:function(){ /*do something*/? }}? ?
可以偵聽(tīng)計(jì)算屬性
查看全部 -
屬性綁定? v-bind:屬性 ="value"
雙向數(shù)據(jù)綁定 v-model = "value"
查看全部 -
<h1>{{msg}}</h1>? 也可以這樣寫(xiě)
<h1 v-text = "msg"></h1>? ?// 這里的msg是變量
查看全部 -
scoped 給樣式一個(gè)作用域，而這個(gè)作用域的範(fàn)圍就只有這個(gè)組件。
可以保證組件的樣式只對(duì)這個(gè)組件有效，可以做到和其他組件樣式的解耦
查看全部 -
子組件想要接受傳過(guò)來(lái)的參數(shù)
props:['content']查看全部 -
每一項(xiàng)的內(nèi)容透過(guò) content 屬性傳給父組件
查看全部 -
components:{ ??'todo-item'：TodoItem }我希望透過(guò) todo-item 這種標(biāo)籤的形式來(lái)使用 TodoItem組件。
這樣就能把局部組件註冊(cè)到跟組件之中查看全部 -
this.list 實(shí)際上是 this.$data.list的縮寫(xiě)
如果data裡面沒(méi)有，他還會(huì)去 computed、methods裡面查看list的內(nèi)容
這些都是 Vue底層幫我們做的查看全部 -
data 以前是個(gè)對(duì)象裡面存數(shù)據(jù)，現(xiàn)在的寫(xiě)法變成函數(shù)了返回?cái)?shù)據(jù)
而在 ES6中,?
data : function() 可以簡(jiǎn)化成 data ()查看全部
舉報(bào)