vue的组件通讯?
vue的组件通讯除了vuex以外,还有父传子,子传父,兄弟传值。
1.父传子props:
首先在同一路径的文件夹下创建一个vue.js文件,在父组件用import引入这个vue,js文件,在components属性中添加子组件,在代码区使用子组件
然后想要往子组件传值,在你定义的子组件标签中添加一个自定义属性,属性后面的值就是你要往子组件传的数组和字符串
在子组件用props属性来接受父组件传的属性:
总结props是单下行数据传参,父组件数据变化更新会传给子组件,反过来子组件无法修改props的值,不然vue会报错。
2.子组件向父组件传参this.$emie()。
this.$emit()的第一个参数是自定义的方法名,第二个是向父组件传递的值。
代码如下:
3.兄弟传值有vuex,父组件中转还有自定义一个js文件当作数据仓库来使用。
首先定义一个Bus.js文件,引入vue然后默认导出vue实例。(比如这辆货车把货放入仓库,另一辆货车在把货物拉走一个道理)
需要传值,在文件中引入即可
它是通过引入的Bus文件名来触发这个方法,Bus.$emit(‘自定义事件名’,传递的值)
A:组件
另一个组件也需引入Bus文件。
B:组件
以上就是我对vue的三种传值简单叙述,不是特别透彻,但是传值完全够用。