如何进行父子组件间的通信呢?
父组件通过props向子组件传递数据
子组件通过事件向父组件发送消息
在组件中,使用选项props来声明需要从父级接收到的数据
props的值有两种方式:
方式一:字符串数组,数组中的字符串就是传递时的名称
方式二:对象,对象可以设置传递时的类型,也可以设置默认值等
//父组件中
<template>
<div id="app">
//父组件通过:sfirstName="firstName" :slastName="lastName"将数据传递给子组件
//父组件通过@itemClick="pItemClick"监听子组件的emit事件其中,itemClick子组件中发送的方法,pItemClick父组件内的方法
<Vmodel :sfirstName="firstName" :slastName="lastName" :sUserInfo="userInfo" @itemClick="pItemClick"></Vmodel>
</div>
</template>
<script>
import Vmodel from "./components/study/Vmodel";
export default {
name: 'App',