#### vue中watch的简单用法 1.监听值的变化： ~~~ // 在data里定义初始值 data: { a: 1, b: 2, form: { userName: '', password: ''} }, // watch监听值单个的变化 watch: { a: function(val, oldval) { console.log('new: %s, old: %s', val, oldVal) }, //检测一个对象的值的变化 form: { handler: function(val, oldval){ console.log('new: %s, old: %s', val, oldVal) }, //确认是否深入监听 deep: true; } } ~~~ 2.监听路由参数的变化： ~~~ // 定义方法 methods: { getRoute(code, state){} }, // 在created里调用 created() { this.getVal(code, state); } // 在watch监听路由参数的变化 watch: { $route () { if(this.$route.query.code != ""){ this.getVal(this.$route.query, this.$route.query) } } } ~~~