Vue3 如何编写一个插件
Vue3 插件
插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。
插件注册形式
一个插件可以是一个拥有 install() 方法的对象,也可以直接是一个安装函数本身。
install 方法对象
复制代码
安装函数本身
一般注册全局组件这样写。
复制代码
插件主要的场景
通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。
通过 app.provide() 使一个资源可被注入进整个应用。
向 app.config.globalProperties 中添加一些全局实例属性或方法
一个可能上述三种都包含了的功能库 (例如 vue-router)
使用插件
当编写插件完时,我们需要使用时,我们可以在入口文件中,引入插件,然后通过 Vue.use() 注册使用 该插件。 插件内部暴露了一个 install 方法, Vue 会执行该方法去安装注册(指令,组件,全局属性等)
注册插件
复制代码
在组件中使用插件
通过 getCurrentInstance 的 proxy 使用,不过 proxy 的 ts 类性中还有一个 undefined,所以使用 ts 时,类型就要自己处理了
通过 getCurrentInstance 的 appContext 使用,appContext 获取的即为 main.js 里创建的的 vue 对象.
复制代码
版权声明: 本文为 InfoQ 作者【程序员海军】的原创文章。
原文链接:【http://xie.infoq.cn/article/87d90a4881f4179da1174aa1c】。文章转载请联系作者。
评论