watch、computed、methods

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

1.监听看不见摸不着的东西没办法使用keyup监听数据改变，所以使用watch

2.比如说路由的改变，我们无法板顶事件去监听，通过watch监听路由的变化，监听非dom元素的事件

watch: {// this.$route.path 可以获取到路由地址'$route.path':function(newVal, oldVal){// console.log(newVal + ' --- ' + oldVal)if(newVal ==='/login') {console.log('欢迎进入登录页面') }elseif(newVal ==='/register') {console.log('欢迎进入注册页面') } } }

computed

在computed中，可以定义一些属性，这些属性叫做计算属性，计算属性的本质就是一个方法，主不过我们在使用这些计算属性的时候，是把他们的名称直接当成属性来使用，并不会吧计算属性当成方法去调用