美文网首页
vue2 父子组件通信问题

vue2 父子组件通信问题

作者: FredericaJ | 来源:发表于2018-08-21 14:22 被阅读0次

知识点:

1、父组件使用props 把数据传给子组件。

2、子组件使用 $emit 触发父组件的自定义事件。

demo-星级评价组件

子组件<template>:

子组件template 子组件的props - 接收来自父组件的值 子组件的data - 绑定props中接收的值 子组件中的事件,$emit触发父组件事件 父组件中引用子组件 父组件中传入子组件的值 父组件中定义被子组件触发的事件

以上代码为本人初次实践父子组建传值问题,还需进一步优化,仅供初学者参考学习父子组建相互传值问题。(ps:所用的vux组件库中已封装有星级评价组件,可供直接使用)

相关文章

  • vue2 父子组件通信问题

    知识点: 1、父组件使用props 把数据传给子组件。 2、子组件使用 $emit 触发父组件的自定义事件。 de...

  • vue中的组件通信

    一、组件通信(组件传值) 1.1父子组件通信 1.2子父组件通信 1.3非父子组件通信(兄弟组件通信)

  • vue 中父子组件通信 js 引用的作用

    父子组件之间的通信 关于父子之间的通信问题,最常用的就是 props 和 provide/inject,子组件使用...

  • vue文档集合

    Vue2使用笔记3--父子组件的通信Vue 2.0开发实践(组件间通讯)Event Bus 在Vue中的使用vue...

  • 组件通信

    组件关系 组件关系可以分为父子组件通信、兄弟组件通信、跨级组件通信。 父子组件通信 1. 子组件使用 $emit(...

  • vue2父子组件通信

    前言 因为vue2去除了父子组件的双向数据绑定,所以在子组件是不允许修改父组件的属性的,控制台会报如下错误: 解决...

  • Vue如何实现组件通信?

    Vue组件通信的三种情况: 父子通信 爷孙通信 兄弟通信 父子通信:父组件使用Prop向子组件传递数据,子组件通过...

  • [Vue]组件之间如何通信?

    组件通信可以大致分为两种情况,父子组件之间的通信和非父子组件之间的通信,下面来分别介绍 一、父子组件之间的通信 1...

  • Vue入门系列(五)组件通信

    组件内通信主要分为两种:父子组件通信和子组件之间通信。 1.父子组件通信 父组件通过props属性向子组件传递数据...

  • Vue3组件化(二):非父子组件的通信、插槽Slot

    非父子组件的通信 在开发中,我们构建了组件树之后,除了父子组件之间的通信之外,还会有非父子组件之间的通信。这里我们...

网友评论

      本文标题:vue2 父子组件通信问题

      本文链接:https://www.haomeiwen.com/subject/uwlthftx.html