通过一个最简单的例子, 告诉你如何写vue3的插件, 方法, 组件和指令

vue3-plugin-demo

说明

项目网址: https://gitee.com/linuxmail/vue3-plugin-demo

包括

• 方法
• 指令
• 组件

app.ts

./vue3-plugin-demo 就是插件目录

import {
    createApp } from "vue"
import vue3PluginDemo from "./vue3-plugin-demo/plugin"
import APP from "./app.vue"

const app = createApp(APP)

// 加载插件
app.use(vue3PluginDemo)
app.mount("#app");

./vue3-plugin-demo/plugin.ts

import button from "./button.vue"
import directive from "./directive"

const install = (app: any, options: any) => {
   
    
    // 方法
    app.config.globalProperties.s