vue阶段二知识点(eventbus 总线传值、v-model组件之间双向绑定、作用域插槽)

本文详细介绍了Vue.js中的事件总线(EventBus)实现组件间数据共享,v-model在组件间的双向绑定用法,以及如何使用作用域插槽在父组件中访问子组件的数据,包括自定义prop名和事件名以及插槽的使用示例。
摘要由CSDN通过智能技术生成

eventbus 总线传值: (了解)  适用于任意组件关系数据共享
1、创建一个空的Vue实例(不需要关于视图
import Vue from 'vue'

export default new Vue({
    // 定义需要共享数据的"变量"名和初始值
    data() {
        return {
            count: 2,
            user: null
        }
    },
    // 定义操作这些共享数据的方法
    methods:{
        jiaCount(num) {
            this.count += num    
        },
        jianCount(num) {
            this.count -= num    
        }
    }
})    
2、把该Vue实例 注入到 Vue原型中
import bus from './bus'

Vue.prototype.$bus = bus;
3、由于每个组件都是Vue实例,因此每个组件都可以访问到 创建的Vue空实例
this.$bus 
this.$bus.变量名
this.$bus.方法名


v-model : 组件之间双向绑定  *****

<email :value="fatheremail" @input="fatheremail = $event"></email>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值