<body><div id="app"><div><span>名:</span><span><input type="text" v-model='firstName'></span></div><div><span>姓:</span><span><input type="text" v-model='lastName'></span></div><div>{{fullName}}</div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript">var vm = new Vue({el: '#app',data: {firstName: 'Jim',lastName: 'Green',fullName: 'Jim Green'},computed: {fullName: function(){return this.firstName + ' ' + this.lastName;}},watch: {firstName: function(val) {/*key是data中的key*/this.fullName = val + ' ' + this.lastName;},lastName: function(val) {this.fullName = this.firstName + ' ' + val;}}});</script></body>
如果觉得《vue 属性 watch》对你有帮助,请点赞、收藏,并留下你的观点哦!