AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的

2023-06-20 750
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的

VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的


今天在做项目的时候，发现重新打开页面，传给子组件的值，会被监听到，但是在打开页面之后，再做操作就会发现监听不到里面的值。后来把值的监听放到watch方法中，终于监听到了。

后来去官网进行查询，重新熟悉了一下VUE的生命周期

发现

VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的

长个记性

文章标签：
JavaScript
关键词：
watch VUE.js
vue watch VUE.js
computed VUE.js
vue computed VUE.js
vue computed watch VUE.js
时间不会赖着不走
目录
相关文章
游客lijmi4663rgsa
|
9月前
|
JavaScript 前端开发 API
管理数据必备；侦听器watch用法详解，vue2与vue3中watch的变化与差异
一篇文章同时搞定Vue2和Vue3的侦听器，是不是很棒？不要忘了Vue3中多了一个可选项watchEffect噢。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
630 0
html的七十二变
|
存储 缓存 JavaScript
在 Vue 中使用 computed 和 watch 时，性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题，并提供了优化建议，帮助开发者提高应用性能。
html的七十二变
562 8
html的七十二变
|
存储 缓存 JavaScript
Vue 中 computed 和 watch 的差异
Vue 中的 `computed` 和 `watch` 都用于处理数据变化，但使用场景不同。`computed` 用于计算属性，依赖于其他数据自动更新；`watch` 用于监听数据变化，执行异步或复杂操作。
html的七十二变
201 5
dufadayang
|
缓存 JavaScript
除了 watch，Vue 3 中还有哪些方法可以监听组件的属性变化？
【10月更文挑战第3天】
dufadayang
962 3
dufadayang
|
JavaScript
vue3，使用watch监听props中的数据
【10月更文挑战第3天】
dufadayang
3863 2
邹荣乐
|
缓存 JavaScript Serverless
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
邹荣乐
703 0
讓丄帝愛伱
|
缓存 JavaScript
vue中computed和watch的区别
vue中computed和watch的区别
讓丄帝愛伱
140 0
yingjieweb
|
缓存 JavaScript
Vue 中 computed 和 watch 的区别
Vue 中 computed 和 watch 的区别
yingjieweb
278 0
超级无敌宇宙霹雳第一帅
|
缓存 JavaScript
聊一聊Vue中的computed和watch区别
聊一聊Vue中的computed和watch区别
超级无敌宇宙霹雳第一帅
385 0
多加点香菜85
|
缓存 JavaScript
Vue 中的 computed 和 watch 的区别
Vue 中的 computed 和 watch 的区别
多加点香菜85
239 0

热门文章

最新文章

  • 1
    SpringBoot：Netty-SocketIO + VUE：SocketIO实现前后端实时双向通信
  • 2
    【3】npm run build Vue的项目，如何修改相对路径配置
  • 3
    vue项目监听浏览器窗口大小发生变化触发事件
  • 4
    VUE element-ui之table表格遍历渲染
  • 5
    vue中使用aplayer插件做一个网页音乐播放器
  • 6
    安卓开发 | 将Vue项目打包为app
  • 7
    【Vue+Element-UI】实现登陆注册界面及axios之get、post请求登录功能实现、跨域问题的解决
  • 8
    vue2项目打包dist文件后如何部署访问（本地部署和网络部署）
  • 9
    Vue3中如何使用异步请求？
  • 10
    vue父子通信
  • 1
    基于ssm+vue.js的中国咖啡文化宣传网站附带文章和源代码设计说明文档ppt
    178
  • 2
    基于ssm+vue.js的铁岭河医院医患管理系统附带文章和源代码设计说明文档ppt
    121
  • 3
    基于ssm+vue.js的校园代购服务订单管理系统附带文章和源代码设计说明文档ppt
    206
  • 4
    基于ssm+vue.js的海鲜自助餐厅系统附带文章和源代码设计说明文档ppt
    120
  • 5
    基于ssm+vue.js的农家乐信息平台附带文章和源代码设计说明文档ppt
    122
  • 6
    基于ssm+vue.js的德云社票务系统附带文章和源代码设计说明文档ppt
    127
  • 7
    基于ssm+vue.js的个人博客网站附带文章和源代码设计说明文档ppt
    162
  • 8
    基于ssm+vue.js的高校共享单车管理系统附带文章和源代码设计说明文档ppt
    261
  • 9
    基于ssm+vue.js的智慧城市实验室主页系统附带文章和源代码设计说明文档ppt
    148
  • 10
    基于ssm+vue.js的lw管理系统附带文章和源代码设计说明文档ppt
    96

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 低代码开发师（初级）实战教程
    • 下一篇
    「直播预告」Streaming Lakehouse Meetup EP.2｜Paimon × StarRocks 共话实时湖仓