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

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怎么传值呢?
不是子组件的传值哦!!


比如: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属性中

【热门文章】
【热门文章】