vue教程自学笔记（二）

三、模板语法

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