1.父组件传值给子组件
父组件
<div class='parent'> <child :data="msg"></child> <!-- data为传给子组件的值的名字，与子组件props里面的保持一致 --> </div> import child form '...'// 引入子组件 export default { // 注册子组件 component:{ child } data(){ return{ msg:''// 传入的值 } } }子组件
<div class="child">{{msg}}</div> export default { props: { data: { type: Array,// 类型根据传来的参数类型定义即可 default:[] // 默认值 } } }, }2.子组件传给父组件->主要是通过事件的形式
this.$emit('父组件事件名字')
