vue组件之间的传递分类：
1、父向子传递：props
2、子向父传递： e m i t 3 、 兄 弟 之 间 传 递 ： 借 助 中 间 代 理 ： emit 3、兄弟之间传递：借助中间代理： emit3、兄弟之间传递：借助中间代理：emit,$on
4、祖先传给孙子：这个高级provide,inject

父子关系：parent =>children
祖先和孙子关系：parent=>grandSon
parent.vue
在这里插入图片描述
children.vue

在这里插入图片描述
这里的：
$attrs收集器:收集属性
$listeners收集器：收集事件
收集器收集会排除（props,class,style…）
在这里插入图片描述
grandSon.ue
在这里插入图片描述
在这里插入图片描述
兄弟之间传值：借助中间代理=》com.js 抛出一个实例化
$on:监听当前实例上的自定义事件。
$emit触发回调函数事件
把两个自组件first.vue/second.vue放到同一个父组件里面common.vue
first.vue
在这里插入图片描述
second.vue
在这里插入图片描述
common.vue
在这里插入图片描述
com.js
在这里插入图片描述
点击按钮之前
在这里插入图片描述
点击按钮之后
在这里插入图片描述
组件的问题这些差不多了，在项目开发中灵活运用，当然使用vuex也能完美的做到。同时面试官也喜欢问这类的问题。。。。。
欢迎大神指点！！

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue