-
@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 ()查看全部
举报