vue3项目开发经验

相关知识汇总

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
https://juejin.cn/post/6951649464637636622

vue3项目经验分享
https://juejin.cn/post/7094068971200053255

分享 15 个 Vue3 全家桶开发的避坑经验
https://juejin.cn/post/7084536432731095048

完成第一个vue3.2项目有感
https://juejin.cn/post/7083685762092236830

建议先通过官方指南了解3.0都干了啥、解决了什么问题。然后才是阅读其源码，进阶了解它是如何实现的。
https://juejin.cn/post/6925668019884523534

全局属性的添加与引入

以axios为例
【方案一 推荐】
添加，在main.js中
const app=createApp(App)
// 全局挂载 axios
import axios from "axios";
app.config.globalProperties.$axios = axios;

引入
import { getCurrentInstance } from "vue";
const { $axios } = getCurrentInstance().appContext.config.globalProperties;


【方案二】
添加，在main.js中
const app=createApp(App)
// 全局挂载 axios
import axios from "axios";
app.provide('$axios', axios)

引入
import { inject } from 'vue'
const $axios = inject('$axios')