vue2的三种传值方式之父传子、子传父、兄弟共享数据

vue2的三种传值方式之父传子、子传父、兄弟共享数据

1. 父传子

<!-- 父组件 -->
<template>
  <div class="app">
    <!--3. 通过属性绑定的方式将数据传进来 -->
    <son :msg="msg" :info="userinfo.name"></son>
  </div>
</template>

<script>
import son from "./components/son.vue"
export default {
     
  components:{
     
    son
  },
  //1、在父组件中定义数据
  data(){
     
    return{
     
      msg: '父组件',
      userinfo:{
     name:'wzt',age:20}
    }
  }
}
</script>

<!-- 子组件 -->
<template>
  <div class="son">
	<!-- 4.将父组件的数据渲染到