Vue之计算属性与侦听器

计算属性

基础使用

　　模板内的表达式非常便利，但是设计他们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重难以维护。即在我们的标签之中，要是有太多的运算，则在维护的时候给自己带来巨大的麻烦。

所以我们需要计算属性。接下来是一个计算属性的例子：

输出的结果：

Original message: "Hello"

Computed reversed message: "olleH"

个人理解：

　　计算属性可以将我们的逻辑运算存放于computed中，通过return返回我们需要的结果，直接在模板中使用方法即可。

数据驱动视图

以上就是数据驱动视图的理解，数据改变，computed监听到，执行方法，更新视图，实现数据驱动的功能。

 

计算属性vs方法

有疑问待解决。

 

侦听器

 

转载于:https://www.cnblogs.com/swearBM/p/11154489.html