【Vue教程十一】监听属性watch 和 计算属性computed

一、监听属性watch

1、 使用这个属性可以监听data中指定数据的变化，然后触发这个watch对应的function函数：

 2、监听路由

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '',
  watch: {
    '$route.path': function (newVal, oldVal) {
      // console.log(newVal + '----' + oldVal);
      if (newVal === '/register') {
        console.log('欢迎来到注册页面');
      } else if (newVal === '/login') {
        console.log('欢迎来到登录页面');
      }

    },
  }
})

 

二、计算属性computed

computed中定义的属性，就是计算属性，实质就是个方法且需要有返回值，使用时当做属性来使用，不用加小括号。