vue.js的实例之间如何传值?

例如这样:

<html>
<body>
<div id='v1'></div>
<script>
var vue1= new Vue({el: '#v1'});
</script>
<div id='v2'></div>
<script>
var vue2= new Vue({el: '#v2'});
</script>
</body>
</html>

其中的vue1和vue2怎么传值呢?
不是子组件的传值哦!!

阅读 25.5k
6 个回答

我觉得首先你要理解的是,这两个实例,其实本质就是两个 js的变量。不要想得过于负责。

这样字,你就理解了吧。

那么反过来,互相通信,就是互相调用方法或者属性值呗。

只不过现在你的js变量。 vue1和vue2的很多属性都已经写好了。

这下懂了吧。

所有的数据都在 实例的$data属性中

用v-mode 相互绑定。传之vue1.data = vue2.data 传值

比如:vue1.data.xxx = vue2.data.xxx;

新手上路,请多包涵

当然 实际场景中 使用 vuex 管理 跨 组件 页面 之间 的状态 是比较好的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题