<!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的值动态改变