watch监听数据和路由地址的改变

一、监听数据改变

作用
通过监听对于数据的改变，来执行一些方法
使用

var vm = new Vue({
            el: '#app',
            data: {
                msg: ''
            },
            methods: {

            },
            watch: {
                msg: function(newVal, oldVal) {
                    console.log("msg发生了变化")
                    console.log(newVal + '---' + oldval);
                }
            },
 })

<input type="text" v-model:value="msg">

说明
newVal和oldVal是提供的两个参数，分别带变了新数据和旧数据

监听路由地址改变

 watch: {
        '$route.path': function(newPath, oldPath) {
                    if (newPath == '/login') {
                        console.log('欢迎来到登录界面')
                    } else if (newPath == '/zhuce') {
                        console.log('欢迎来到注册界面')
                    }
         }
},

注：$route为当前router跳转对象里面可以获取name、path、query、params等数据