锐客网

  1. 首页 > it技术 > >

vue组件传值

父组件传递自定义事件给子组件, 子组件显示调用的两种方式

  1. 父组件使用 v-bind(:属性传递)
    父组件

    子组件需接收props
    props:{ mockParent:{ type: Function } }, methods:{ handle(){ this.mockParent('param from child') // 不能使用 this.$emit('mockParent','sssss') } }

  2. 【vue组件传值】父组件使用 v-on/@(事件传递),子组件调用时使用边界情况
    父组件

    子组件中无需接收props
    methods:{ handle(){ this.$listeners.test('param from child test') // OK this.$listeners.update('param from child update') // OK this.$emit('update','param from child update') // OK } }

    推荐阅读


    上一篇：用ssh同时push 项目到github和gitee的方法

    下一篇：关于大厂Android开发岗面试，需要准备些什么！