![fcf637e7b0fc2afd8b9a2b36f10b05d3.gif](https://i-blog.csdnimg.cn/blog_migrate/119ab542abe0c58a2886154e9fc3b0b0.gif)
阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到。
本篇文章成哥继续带大家来学习前端VUE教程,今天主要讲解VUE的计算属性与监听器等知识点。下面我们就一起来学习该块内容吧!
01 计算属性
在日常开发中我们经常遇到需要通过其它数据计算出一个结果然后使用,VUE中的计算属性就提供了像绑定普通属性一样在模板中绑定计算属性,然后再页面中渲染出来。这时就有人会提出我们使用上篇文章中的模板表达式也可以实现同样需求啊,那我们就来看看下面这个例子
1.
2. {
{ message.split('').reverse().join('') }} 3.
在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中的多处包含此翻转字符串时,就会更加难以处理。所以,对于任何复杂逻辑,我们都应当使用计算属性。
(1)计算属性使用
1. html> 2. 3. 4. 5. VUE基础教程 6.