watch监听属性(监听路由)

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="./node_modules/vue/dist/vue.js"></script>
 7     <script src="./node_modules/vue-router/dist/vue-router.js"></script>
 8 </head>
 9 <body>
10 
11 <div id="app">
12     <input type="text" v-model="firstname">
13     <h2>{{firstname}}</h2>
14 </div>
15 
16 <script>
17     new Vue({
18         el:"#app",
19         data:{
20             firstname:'',
21         },
22         methods:{},
23         watch:{
24             // 使用这个属性,可以监视data中指定数据的变化
25             firstname:function () {
26                 console.log('you are watched');
27             }
28         }
29     })
30 </script>
31 </body>
32 </html>

 

posted @ 2019-09-17 20:12  normalboy(NB)  阅读(376)  评论(0)    收藏  举报