美文网首页
父组件和子组件之间的通信

父组件和子组件之间的通信

作者: 码字与律动 | 来源:发表于2018-07-19 17:03 被阅读10次

1、父组件和子组件之间要传的值

var json = { name: 'weihao2', sex: '男', age: '18' }

2、父组件

...
<tab1 v-bind:json="json"></tab1>
...
import tab1 from './tab1.vue'
...
components: {
    tab1,
  },
...

3、子组件

<script>
export default {
  components: {
  ...
  },
props: {
    json: {
      type: Array,
      required: true
    }
  },
  created() {
...
  },
  watch: {
    json(newVal, oldVal) {
      this.$notice.alert({
        message: this.json
      })
    }
  },
...
</script>

相关文章

  • React的组件通信

    组件之间进行通信的情况: 父组件向子组件通信 子组件向父组件通信 兄弟组件之间通信 发布者-订阅者模式 一、父组件...

  • 组件间通信

    组件间通信 父组件向子组件通信,子组件之间通信 父组件以自身的state作为作为子组件的props;父组件调用se...

  • React-组件之间的通信

    在开发过程中,经常会遇到父组件和子组件之间相互通信,React子组件和父组件通信包括以下几个方面: 子组件向父组件...

  • react之组件通信

    需要组件之进行通信的几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 ...

  • vue组件之间的数据传递(通信)

    种类 父组件跟子组件通信 子组件跟父组件通信 兄弟组件之间的通信 父组件如何将数据传到子组件中 可以通过prop将...

  • 老生常谈——vue组件之间通信

    老生常谈的组件之间通信 vue组件之间的通信细分为三种情况:兄弟组件之间的通信,父组件向子组件传递数据,子组件向父...

  • React组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • React中组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • React中组件通信

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • Vue 组件 / 通信

    子组件=》父组件 vue的组件之间的通信类似angular的父子层级之间通信,父组件获取子组件数据步骤大概如下: ...

网友评论

      本文标题:父组件和子组件之间的通信

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