Vue-watch 一、说明 watch: {}用来监听数据的改变,每当被监听的数据改变时,就会执行对应的方法。一般用来监听路由路径的改变。 二、注意 watch中监视的变量发生改变时,执行的方法没有返回值 三、watch监听变量 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="../lib/vue.js"></script> </head> <body> <div id="app"> <!-- 1.字符串拼接案例, 输出结果为【用户名---密码】--> name:<input type="text" v-model="name"> pwd:<input type="text" v-model="pwd"> result:<input type="text" v-model="result"> </div> <script> var vm = new Vue({ el: '#app', data: { name: '', pwd: '', result: '' }, methods: {}, watch: { // 2.监视数据变量的改变,变量值改变时,会调用对应的方法,该方法可以有两个形参,用来接收新值和旧值 name: function (newVal,