banner
banner
banner
NEWS LETTER

VUE3-插件

Scroll down

概念: 为 Vue 添加全局功能的工具代码

1
2
3
4
5
6
7
8
9
10
11
12
13
import { createApp } from 'vue'

const app = createApp({})

app.use(myPlugin, {
/* 可选的选项 */
})

const myPlugin = {
install(app, options) {
// 配置此应用
}
}

使用场景

  1. 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。
  2. 通过 app.provide() 使一个资源可被注入进整个应用。
  3. 向app.config.globalProperties 中添加一些全局实例属性或方法
  4. 一个可能上述三种都包含了的功能库 (例如 vue-router)。

编写一个场景 — 就是在install写方法暴露出来调用

其他文章
cover
VUE3-内置组件
  • 24/11/01
  • 14:39
  • VUE
cover
VUE3-源码系列
  • 24/11/01
  • 14:39
  • VUE
目录导航 置顶
  1. 1. 概念: 为 Vue 添加全局功能的工具代码
  2. 2. 使用场景
  3. 3. 编写一个场景 — 就是在install写方法暴露出来调用
请输入关键词进行搜索