vue基础知识之全局挂载与组件传值

一，vue2如何全局挂载实例

先import实例，再使用vue.prototype.xxx挂载全局

使用：this.xxxthis.xxx

二，vue3如何全局挂载

app.config.globalProperties.xxx
使用：
// 引入vue的 getCurrentInstance 方法
import { getCurrentInstance } from "vue";
// 获取当前组件实例
const { appContext } = getCurrentInstance();
const globalProxy = appContext.config.globalProperties;
globalProxy.xxx

 

一，组件传值（常见有8种方法实现）

1，props和$emit
2，this.$refs.xxx.$on()
3，v-model
4，$attr + $listener
5，$parent和$children
6，provide 和 inject （依赖注入,适合爷孙级组件通信）
7，vuex或pinia
8，localStorage