Vue父子组件之间互相传值

一,父组件传值给子组件

父组件




子组件




在父组件引用子组件的标签中用:(v-bind)自定义属性,将父组件的值传到子组件中,在子组件中,用props接收父组件传过来的值。

二, 子组件传值给父组件

子组件里面是一个按钮,里面定义一个点击事件@click=‘children’,点击按钮触发children方法,在方法里用this.$emit('children',传的值)




在父组件中,用v-on定义children事件,当在子组件的children被执行时,父组件中的parent的方法就会被执行




你可能感兴趣的:(Vue父子组件之间互相传值)