Vue - 计算属性和侦听器

计算属性

只要在函数里引用了 data 中的某个属性,当这个属性发生变化时,函数仿佛可以嗅探到这个变化,并自动重新执行。

<div id="app">
    <input type="text" v-model="a">
    <input type="text" v-model="b">
    <p>{{fullName}}</p>
</ul>
</div>
<script>
new Vue({
    el: '#app',
    data: {
        a: '',
        b: ''
    },
    computed: {
        fullName: function(){
            return this.firstName + ' - ' + this.lastName;
        }
    }
})
</script>

侦听器

猜你喜欢

转载自www.cnblogs.com/xiaobaiv/p/9163108.html