vue插件开发核心是通过install方法在app实例上注册全局能力：组件、指令和属性，并支持可选配置。必须导出含install的对象，接收app实例和options，在mount前调用app.use()完成安装。
Vue.js 插件开发的核心，是让功能在所有组件中“开箱即用”——不靠重复导入，也不依赖局部注册。关键不在写得多，而在 install 方法里做对三件事：拿到应用实例、注入全局能力、支持配置可选。
定义插件对象并暴露 install 方法
插件必须是一个带 install 方法的对象（或返回该对象的函数）。这个方法会在 app.use() 调用时自动执行，并接收两个参数：Vue 应用实例 app 和 用户传入的 options 配置对象。
- 不能直接操作 Vue 构造函数（Vue 3 已移除全局 Vue 对象）
- 所有注册行为必须基于
app实例，比如app.component()、app.directive()、app.config.globalProperties - 推荐导出默认对象，便于 ES 模块和打包工具识别
注册全局能力：组件、指令与实例属性
通过 app 实例，你可以安全地扩展应用级功能：
-
全局组件：用
app.component('CompName', Comp)，之后任意模板中可直接使用<comp-name></comp-name> -
自定义指令：用
app.directive('focus', { mounted(el) { el.focus() } })，模板中写v-focus -
全局属性/方法：挂载到
app.config.globalProperties上，例如app.config.globalProperties.$http = axios，组件内即可访问this.$http
支持配置与类型安全（可选但推荐）
插件应允许用户传入配置，同时避免硬编码逻辑。常见做法：
- 在
install中解构options，设置默认值，如const { prefix = 'my', debug = false } = options || {} - 对配置做基础校验（如必填字段缺失时 warn 提示）
- 搭配 TypeScript 时，为
install方法添加类型声明，明确options结构
在应用中正确安装插件
Vue 3 中必须显式调用 app.use(Plugin, options)，且需在 app.mount() 之前执行：
- 确保插件逻辑在组件渲染前就绪（比如全局属性要早于
setup()执行） - 避免多次调用
app.use()同一插件——Vue 内部会自动去重，但逻辑仍可能重复执行 - 若插件依赖其他插件（如路由或状态管理），注意
use的调用顺序
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
