-
组件文件内，data的形式不再是对象，是函数。
data: function(){
return {
返回值；
}
}
查看全部 -
computed：如果计算的属性都没改变，值会使用上次计算属性的缓存结果，不会重新计算，性能较高。
查看全部 -
当使用Vue的模板指令(如：v-bind,v-text等)时，=后面跟的就是VueJs的表达式（Vue实例里的内容）。
<div id="root"><label v-bind:title="msg">Hello World</label></div>
<script>
new Vue({
el: "#root",
data: {
msg:"this is v-bind"
}
})
</script>
查看全部 -
VueJs 不是面向DOM编程，而是面向数据编程。
查看全部 -
这样写没效果，为什么？
<div id="root" v-on:click="handClick"></div>
<script>
new Vue({
el:"#root",
template:"<span>123 {{content}}</span>",
data:{
content:"helloa"
},
methods:{
handClick:function(){
this.content="world";
}
}
});
</script>
v-on:click事件应该写在模板中的span上，即：
template:"<span v-on:click="handClick">123 {{content}}</span>",
查看全部 -
computed
计算属性的值在没有改变时会使用上一次的缓存值，性能较高，只有当依赖的属性值改变时，它才会重新计算。
watch
侦听数据的变化.
查看全部 -
如果通过script标签<script src='./vue.js'></script>引入vue.js，最好要放在head标签里，避免页面抖屏的现象；
查看全部 -
v-bind: 可以缩写成 :
v-bind:title <=> :title
v-model双向数据绑定
查看全部 -
v-on指令的简写：@
v-on:click <=> @click
{{content}} <=> <div v-text="content"></div> or <div v-html="content"></div>
在事件处理函数中直接操作数据中元素的值就可以更新dom
查看全部 -
@ v-on查看全部
-
Vue.Component 局部Component , 通过pros传参数查看全部
-
v-if v-show v-for :key查看全部
-
computed watch查看全部
-
V-model 双向绑定 :bind 绑定属性 V-bind:click查看全部
-
发布订阅模式
查看全部
举报