阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js computed 和 watch 区别

      问题

      Vue.js computed 和 watch 区别

      答案

      computed 是计算属性,依赖其他属性计算值,并且 computed 的值有缓存,只有当计 算值变化才会返回内容。

      watch 监听到值的变化就会执⾏回调,在回调中可以进⾏⼀些逻辑操作。

      所以⼀般来说需要依赖别的属性来动态获得值的时候可以使⽤ computed ,对于监听到值 的变化需要做⼀些复杂业务逻辑的情况可以使⽤ watch 。

      另外 computer 和 watch 还都⽀持对象的写法,这种⽅式知道的⼈并不多。

      vm.$watch('obj', {
      // 深度遍历
      deep: true,
      // ⽴即触发
      immediate: true,
      // 执⾏的函数
      handler: function(val, oldVal) {}
      })
      var vm = new Vue({
          data: { a: 1 },
          computed: {
              aPlus: {
                  // this.aPlus 时触发
                  get: function () {
                      return this.a + 1
                  },
                  // this.aPlus = 1 时触发
                  set: function (v) {
                      this.a = v - 1
                  }
              }
          }
      })
      

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录