Vue-cli 父子组件中的数据传递问题

Vue-cli 父子组件中的数据传递问题

子组件向父组件传递参数

this.$emit("自定义事件"，"所想要传递的参数")   //$emit 这个函数就是自定义一个事件，如果该事件被触发，那么我们就把参数回调给调用者
可配合vue生命周期函数，使函数自动传递

子组件写法，mounted 为vue生命周期函数，在vue对象创建的时候自动被调用，在调用时我自定义一个事件‘myevent’,后面是我想传递的数据。

父组件的写法在我们自定义的时间上绑定一个父组件的方法，并调用，data就是myevent自定义方法的回调数据，最后使用即可。

父组件向子组件中传递数据

1、首先需要准备父组件中的数据data(){return{msg:‘数据’}}2、在所想要传递的子组件使用`：abc=“mgs” 的方式abc 为自定义类似变量

3、在子组件中定义props[] `这个属性就是用于接来自父组件中的数据 括号中填写之前在父组件中填写的变量名最后引用变量名即可

vue由此做到父子组件中的参数传递问题