vue基础

指令：

v-model,实现表单输入和应用状态之间的双向绑定; (表单数据更新，直接状态数据也更新)

组件化：

注册组件：

data:

data的响应式，只有在vue被实例时data中所存在的属性是响应式的，如后续增加属性需求，可进行在初始时置空等操作。

唯一的例外是使用 Object.freeze() 防止修改现有的属性，这意味着响应系统无法追踪变化了。

<button @click="obj.foo = 'baz'">Change it</button>   // 直接更新应用状态

模板语法:

双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令

//每个绑定都只能包含单个表达式

computed计算属性：

处理较复杂的数据逻辑；

当然我们可以像绑定普通属性一样在模板中绑定计算属性，当所依赖的普通属性值发生改变，所有相关的有依赖的计算属性值也会发生改变；

getter:function(){ return this.msg + '-------'} //有所依赖

setter:function(val){ this.msg1 = val+'--';} //直接设置普通属性的值

vs方法：（有缓存）当计算属性相关依赖发生改变才重新求值，当所依赖的普通属性未发生改变，多次访问计算属性，会立即返回值，不会再次执行函数，

当然一个方法的可以达到和计算属性相同返回值的结果；

vs倾听属性（watch）： 其实是看起来更简便而已；

倾听器：

当需要在数据变化时执行异步或开销较大的操作时，watch更常用；

监听对象的某个属性变化: