// 父传子
父组件(传):
<base-button :title='传输的值' content='hello'></base-button>
子组件(收):
export default{ props:['title', 'content'] } //title:传输的值 content:hello
//子传父
子组件(传):
this.$emit('enlarge-text','要传的方法数据值')
父组件(收):
<base-button @enlarge-text="hand($event)"></base-button>
var vm = new Vue({
methods: {
handle: function(val){
console.log(val) //要传的方法数据值
}
}
})
//兄弟组件传值
1.创建eventbus.js <-- 存放文件 内容--> import vue from 'vue'; export default new vue();
2.A 页面 引入两个兄弟组件
3.B 组件传 引入eventbus文件 eventbus.$emit('方法名',传出值);
4.C 组件收 引入eventbus文件 eventbus.$on('方法名',res => {接收值})
vue父子传值(详细)
最新推荐文章于 2024-08-02 09:29:40 发布