例如这样：
<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怎么传值呢？
不是子组件的传值哦！！
用v-mode 相互绑定。传之vue1.data = vue2.data 传值
比如：vue1.data.xxx = vue2.data.xxx;
我觉得首先你要理解的是，这两个实例，其实本质就是两个 js的变量。不要想得过于负责。
这样字，你就理解了吧。
那么反过来，互相通信，就是互相调用方法或者属性值呗。
只不过现在你的js变量。 vue1和vue2的很多属性都已经写好了。
这下懂了吧。
所有的数据都在 实例的$data属性中
如楼上所说，调用其他实例的.$data就可以获取数据了，具体看官网API：
http://cn.vuejs.org/api/
当然 实际场景中 使用 vuex 管理 跨 组件 页面 之间 的状态 是比较好的
参考https://github.com/TIGERB/eas…
扫一扫
395
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
