Vue学习总结-watch

watch-监视文本框变化

watch-监视路由地址的改变

new Vue({
  el: '#app',
  router,
  watch:{
    '$route.path':function (newVal,oldVal) {
      console.log(newVal+'---'+oldVal)
      if(newVal === '/HelloWorld')
      {
        console.log('欢迎进入HelloWorld')
      }
      if(newVal === '/About')
      {
        console.log('欢迎进入About')
      }
    }

  },
  components: { App },
  template: ''
})

computed-计算属性的使用和3个特点

//可定义一下属性，这些属性叫做【计算属性】，其本质就是一个方法
只不过，我们在使用这些属性的时候，是把它们的名称直接当做属性使用，并不会把属性当方法调用
注意：
1 计算属性，在引用的时候一定不要加()调用，直接把它当做普通属性去使用
2 只要计算属性在这份function内部，所用到的任何data中的数据发生变化，就会立即从新计算这个计算属性的值
3 计算属性的求值结构会被缓存起来，方便下次直接使用，如果计算属性方法中依赖的任何数据，都没有发生变化，则不会从新求值

watch、computed、methods的对比