三、模板语法
1.文本
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。
通过v-once指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。
2.原始HTML
v-html指令
3.参数
一些指令能够接受一个“参数”,在指令名称之后以冒号形式显示,eg:v-bind,v-on
4.修饰符 .
以半角句号. 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。
5.缩写
频繁使用的指令进行了缩写:
v-bind缩写:
v-on缩写@
四、计算属性和侦听器
1.计算属性 computed
计算属性缓存vs方法method:
我们可以将同一个函数定义成一个方法或者计算属性。两种方式最终结果确实是完全相同的,不同的是计算属性是基于他们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求职,若相关依赖没有变化,多次访问计算属性会立即返回之前的结果,而不必再次执行函数。相比之下,每当触发重新渲染时,调用方法总会再次执行函数。
计算属性vs侦听属性watch:
计算属性的setter:
计算属性默认只有getter,需要时也可以提供一个setter。
2、侦听器 watch
计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。当需要在数据变化时执行异步或开销较大的操作,这个方式是最有用的。
除了watch以外,还可以使用命令式的vm.$watch