Vue之计算属性与侦听器

计算属性

基础使用

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

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

输出的结果:

Original message: "Hello"

Computed reversed message: "olleH"

个人理解:

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

数据驱动视图

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

 

计算属性vs方法

有疑问待解决。

 

侦听器

 

posted @ 2019-07-08 22:30  Recklessz  阅读(142)  评论(0编辑  收藏  举报