vue计算属性computed和侦听属性watch的用法和区别

最新推荐文章于 2022-12-09 21:42:30 发布

风度翩翩的香菇

最新推荐文章于 2022-12-09 21:42:30 发布

阅读量272

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/g15896871079/article/details/109816931

版权

本文探讨Vue中计算属性computed和侦听属性watch的使用方法和区别。计算属性基于响应式数据缓存，提高执行效率，仅在依赖数据变更时更新。而watch通常用于响应数据变化，执行异步或开销大的操作，如定时器、AJAX请求和DOM事件。需要注意，watch深度监听对象变化需设置deep属性。计算属性优于方法，因具备缓存特性，而methods会在调用时立即执行。尽管计算属性常用于大多数场景，但watch在特定的异步任务中不可或缺。

摘要由CSDN通过智能技术生成

计算属性computed是基于响应式进行缓存，所以在执行的时候效率高，且只执行一次，从缓存读取，除非data里面的数据有更改才重新调用。注意：计算属性里面必须要ruturn，否则无法拿到结果。计算属性本质是一个函数，当做属性来使用，调用时不要加（）

  <div id="app">
    <div>{
   {
   reverseString}}</div>
    <div>{
   {
   reverseString}}</div>
    <div>{
   {
   reverseMessage()}}</div>
    <div>{
   {
   reverseMessage()}}</div>
  </div>
  <script type="text/javascript" src="js/vue.js"></script>
  <<

最低0.47元/天解锁文章

风度翩翩的香菇

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue计算属性computed和侦听属性watch的用法和区别

计算属性computed是基于响应式进行缓存，所以在执行的时候效率高，且只执行一次，从缓存读取，除非data里面的数据有更改才重新调用。注意：计算属性里面必须要ruturn，否则无法拿到结果。计算属性本质是一个函数，当做属性来使用，调用时不要加（） <div id="app"> <div>{{reverseString}}</div> <div>{{reverseString}}</div> <div>{{r
复制链接

扫一扫