Vue.js中子组件向父组件传递信息。

Posted 2021-03-30 前端技术与生活

子组件向父组件传值

  对于$emit的理解，$emit绑定一个自定义时间，当这个语句被执行时，     就会将参数传递给父组件，父组件通过v-on监听并接受参数。看实例：

   

  这里是父组件：

  

   这里是编写父组件vue页面片段的代码：

    

   这里是接受子组件时间函数的代码包括去重：

  

  这里是子组件：

  这里是编写子组件vue页面片段的代码：

  这里是触发函数使用$emit来给父组件传值：

 

 总结：子组件用$emit来传递父元素绑定的元素和参数，父组件用绑定元素事件来监听获取到子组件传来参数并显示（如有不同意见，请指点）