Vue的计算属性computed
2018-09-08 13:48
369 查看
[code]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="demo">
姓名:<input type="text" v-model="name" />
姓名2:<input type="text" v-model="age" />
<input type="text" v-model="name2" />
<p v-text="name2"></p>
</div>
</body>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
var vm = new Vue({
el:'#demo',
data:{
name:"king",
age:"queen"
},
computed:{
当name和age的值改变的时候执行
name2(){
return this.name+" "+this.age;
}
}
});
</script>
</html>
输出结果:
name age 根据Input的值动态改变
阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue.js 计算属性及计算属性（computed）、methods、watched三者区别
- vue的computed计算属性学习
- Vue.js之计算属性computed与$watch
- vue-computed计算属性
- Vue计算属性（computed）、methods、watched三者区别
- Vue.js每天必学之计算属性computed与$watch
- 关于computed(计算属性) methods watched （VUE）区别
- Vue.js第三天学习笔记（计算属性computed）
- vue中计算属性computed的getter setter问题
- Vue之计算属性Computed
- vue.js计算属性用法(computed)技巧,依赖其他vue实例的数据
- Vue.js第三天学习笔记（计算属性computed）
- Vue计算属性computed
- VUE -- Vue.js每天必学之计算属性computed与$watch
- vue.js计算属性用法(computed)
- vue计算属性computed和methods的区别
- Vue 的computed（计算属性）
- 详解Vue的computed(计算属性)使用实例之TodoList
- vue计算属性computed