Vue第五天 Vue的模板语法,计算属性,方法,侦听器
1. {{}} 差值表达式
2.<div v-text="name"> 与差值表达式功能一样 做一个转译输出
3.<div v-html="name"> 不会输出标签,只是将标签内的内容加粗后输出
三个表达式,都可以使用+ ' ' 表达式
2.计算属性
用途:firstName lastname 相加的时候,这里的计算方法是有缓存机制的,如果不改变firstname或者lastname的值,那么函数是不会执行的,也就是说,执行了一次这个语句是不会执行的,如果改变了这个值,这个函数才会执行。
第二种方式,使用方法,可以实现同样的功能,但是他没有缓存机制,每次都会调一次方法,所以性能没有计算属性高
第三种方式,侦听器,也有缓存机制,但是代码比计算属性复杂了很多,所以这三个都可以实现某一个功能的时候,首选还是计算属性。