利用Vue中的watch属性来监控数据

6

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。…

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>

<div id="app">
    <input type="text" v-model="message" />
   {{message}}
</div>

<script type="text/javascript">
var app = new Vue({
    el : '#app',
    data : {
        message : 'www.zymseo.com/vue/'
    },
    watch : {
        message : function(newvalue, oldvalue){
            console.log(newvalue);//变化之后的新数据
            console.log(oldvalue);//变化之前的旧数据
        }
    }
});

</script>

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注