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