1.绑定
插值表达式: {{msg}}
数据绑定——V-text="msg" v-html="msg"
//插值表达式{{msg}}、v-text和v-html 都是单向绑定,用于在元素中展示数据
方法绑定——v-on:click="clickfun" (实例的method的对象)
v-on: 等价于@ @click="clickfun"
属性绑定——v-bind:title="msg" (实例的data里的对象)
v-bind: 等价于: :title="msg"
双向数据绑定——v-model="msg"
2.计算属性(数据)和监听器
一个属性的值依赖与其他的属性得来,只有当所依赖的值发生变化的时候才会进行计算,否则会使用上次缓存的值
3.v-if v-show v-for
v-if:每次对dom元素进行删除 增加 ,适用于只有一次操作的情况下
v-show:只会在dom元素里添加一个stytle={display:none},适用于重复隐藏显示操作
4.组件和实例的关系
每个组件其实都是一个vue实例
父组件向子组件传值是通过属性的形式的
子组件向父组件传值是通过发布订阅的形式的。子组件发布的事件被父组件订阅了。
5.vue-cli(脚手架)
优点:可以使用ES6的语法,脚手架会帮我们把ES6的语法打包成ES5的语法