Vue父子组件传值

原创 还好 随笔 vue 233阅读 2017-11-28 11:22:54 举报

父组件 ——子组件 传值

使用 props,具体查看文档 - 使用 Prop 传递数据(https://cn.vuejs.org/v2/guide/components.html#使用-Prop-传递数据

父组件调用子组件数据、方法

使用 ref,具体查看文档 - 子组件索引(https://cn.vuejs.org/v2/guide/components.html#子组件索引

html 代码

注意:如果在子组件上设置 ref 属性,则可以通过 this.$refs 获取到该子组件对象,如果在普通的 html 标签上设置 ref 属性,则获取到的是 Dom 节点。###

子组件内触发事件,父组件内监听子组件事件

父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件,具体查看文档 - 使用 v-on 绑定自定义事件(https://cn.vuejs.org/v2/guide/components.html#使用-v-on-绑定自定义事件)****

html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复