Vue之计算属性与侦听器
计算属性
基础使用
模板内的表达式非常便利,但是设计他们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重难以维护。即在我们的标签之中,要是有太多的运算,则在维护的时候给自己带来巨大的麻烦。
所以我们需要计算属性。接下来是一个计算属性的例子:
输出的结果:
Original message: "Hello"
Computed reversed message: "olleH"
个人理解:
计算属性可以将我们的逻辑运算存放于computed中,通过return返回我们需要的结果,直接在模板中使用方法即可。
数据驱动视图
以上就是数据驱动视图的理解,数据改变,computed监听到,执行方法,更新视图,实现数据驱动的功能。
计算属性vs方法
有疑问待解决。
侦听器