vue 计算属性和侦听器的使用小结

网络编程 2024/12/27 佚名

3 2 1

1. 计算属性和侦听器

1.1 计算属性

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/UploadFiles/2021-04-02/vue.min.js">

解释：我们在属性computed中定义了计算属性reversedMessage，这里提供的函数将作为计算属性reversedMessage的getter函数。

1.2 setter

计算属性默认只有getter，不过我们可以提供一个setter。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">   
    <script src="/UploadFiles/2021-04-02/vue.min.js">

1.3 缓存


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">   
    <script src="/UploadFiles/2021-04-02/vue.min.js">


注意：虽然通过计算属性和方法，都可以达到同样的效果，但是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。
1.4 侦听属性


通过Vue实例的watch属性可以侦听数据的变化。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">   
    <script src="/UploadFiles/2021-04-02/vue.min.js">

我们可以通过实例属性vm.$watch达到同样的效果。


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">   
    <script src="/UploadFiles/2021-04-02/vue.min.js">

以上就是vue 计算属性和侦听器的使用小结的详细内容，更多关于vue 计算属性和侦听器的资料请关注其它相关文章！

                                
                                
                                    vue,计算属性,vue,侦听器 
                                
                                    标签：
                                        vue,计算属性,vue,侦听器

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

白云城资源网 Copyright www.dyhadc.com

评论“vue 计算属性和侦听器的使用小结”

vue 计算属性和侦听器的使用小结

暂无“vue 计算属性和侦听器的使用小结”评论...

更新日志

2024年12月27日

vue 计算属性和侦听器的使用小结

1. 计算属性和侦听器

1.1 计算属性

1.2 setter

1.3 缓存

1.4 侦听属性

vue,计算属性,vue,侦听器

Javascript中的奇葩知识,你知道吗?

JavaScript中clientWidth,offsetWidth,scrollWidth的区别

评论“vue 计算属性和侦听器的使用小结”

更新日志

友情链接