Vue第五天 Vue的模板语法，计算属性，方法，侦听器

1. {{}}  差值表达式

 2.<div v-text="name">  与差值表达式功能一样  做一个转译输出

3.<div v-html="name">  不会输出标签，只是将标签内的内容加粗后输出

 

 

三个表达式，都可以使用+ ' ' 表达式

2.计算属性

用途：firstName  lastname 相加的时候，这里的计算方法是有缓存机制的，如果不改变firstname或者lastname的值，那么函数是不会执行的，也就是说，执行了一次这个语句是不会执行的，如果改变了这个值，这个函数才会执行。

 

第二种方式，使用方法，可以实现同样的功能，但是他没有缓存机制，每次都会调一次方法，所以性能没有计算属性高

第三种方式，侦听器，也有缓存机制，但是代码比计算属性复杂了很多，所以这三个都可以实现某一个功能的时候，首选还是计算属性。