模版与挂载点

模版与实例

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}，适用于重复隐藏显示操作

v-if v-show

v-for

4.组件和实例的关系

每个组件其实都是一个vue实例

父组件向子组件传递参数

子组件向父组件传参

父组件向子组件传值是通过属性的形式的
子组件向父组件传值是通过发布订阅的形式的。子组件发布的事件被父组件订阅了。

5.vue-cli（脚手架）

优点：可以使用ES6的语法，脚手架会帮我们把ES6的语法打包成ES5的语法