自定义插件

69 阅读1分钟

插件文件代码(plugins.ts):

import type {App} from 'vue'
function cc(log:string){
    console.log('测试打印',log)
}
const $yc = {
    cc:cc
}
export default {
    install: (app:App) => {
        app.config.globalProperties.$yc = $yc
    }
}

全局引入

import {createApp} from 'vue'
import App from './App.vue'
import yc from './assets/plugins'

const app = createApp(App)
app.use(yc)
app.mount('#app')

使用方式

<script setup lang="ts">
import {getCurrentInstance} from "vue";
const app = getCurrentInstance()
app?.proxy?.$yc.cc('测试一下哦')
</script>

在uni中使用,插件代码需要在export default之前设置:

uni.$yc = $yc

使用时可以直接使用,无需导入getCurrentInstance

uni.$yc.cc('123456')