【前端】35、Vue 组件如何进行传值的?

释放双眼,带上耳机,听听看~!

1、父组件向子组件传递数据

父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可

2、子组件向父组件传递数据

子组件通过 vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(von)进行监听,然后进行方法处理

3、非父子组件之间传递数据

3.1 引入第三方 new vue 定义为 eventBus

3.2)在组件中 created 中订阅方法 eventBus.$on(“自定义事件名”,methods 中的方法名)

3.3) 在另一个兄弟组件中的 methods 中写函数,在函数中发布 eventBus 订阅的方法eventBus.$emit(“自定义事件名”)

3.4) 在组件的 template 中绑定事件(比如 click)

内容投诉

人已赞赏
Vue前端面试

【前端】34、请说下封装 Vue 组件的过程?

2020-10-18 9:56:08

Vue前端面试

【前端】36、VUE组件中写 name 选项有什么作用?

2020-10-18 10:16:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索