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