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.将父组件的数据渲染到