vue.js 多个viewmodel怎么用
展开全部
在vm2上定义computed
<body>
<div id="app">
<input type="text" name="data1" v-model="data1">
</div>
<div id="app1">
<input type="text" name="data2" v-model="data2">
{{ data2 }}
</div>
<script src="vue.min.js"></script>
<script>
var vm1 = new Vue({
el:"#app",
data:{
data1:"你好"
}
})
var vm2 = new Vue({
el:"#app1",
data:{},
computed:{
data2:{
get:function(){
return vm1.$data.data1
}
}
}
<body>
<div id="app">
<input type="text" name="data1" v-model="data1">
</div>
<div id="app1">
<input type="text" name="data2" v-model="data2">
{{ data2 }}
</div>
<script src="vue.min.js"></script>
<script>
var vm1 = new Vue({
el:"#app",
data:{
data1:"你好"
}
})
var vm2 = new Vue({
el:"#app1",
data:{},
computed:{
data2:{
get:function(){
return vm1.$data.data1
}
}
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
