//创建一个Vue对象
vm = new Vue({
el:'#div01', //类似于标签选择器
data:{ //设置Vue对象的属性
msg:'hello'
},
mounted:function(){ //当页面加载完成后自动执行的方法类似于jQuery的ready()
},
methods:{ //设置Vue对象的方法
fnChange:function(){
msg += 'hello';
}
}
});
v-bind: //用来设置元素的class属性可简写为 :
v-on: //用来绑定事件,可简写为@
v-model= //用来绑定vue的变量和元素的value
{{ msg }} //可在html标签中插入vue的变量
//元素渲染
v-show= //用来控制元素的隐藏与显示
v-if=
v-else-if=
v-else= //用来控制显示/删除元素
v-for= //用来遍历数组或对象
待续...