Nuxt 入门实战 - 10：定义全局变量和方法
定义
通过插件来实现全局函数和变量定义
tsx
//plugins/global.ts
export default defineNuxtPlugin(nuxtApp => {
function getIconClassName(name: string) {
return `iconfont icon-${name}`;
}
function getIconSymbolName(name: string) {
return `#${name}`;
}
return {
provide: {
getIconClassName,
getIconSymbolName
}
}
});
添加插件配置
tsx
export default defineNuxtConfig({
...
plugins:["~/plugins/global.ts"]
...
})
如何使用
tsx
//注意：全局变量和方法是带$前缀的所以使用的时候要注意一点
const { $getIconClassName, getIconSymbolName} = useNuxtApp();