Vue3 日常笔记

一、全局对象挂载

1. 在config目录内创建一个index.js 用于存储全局配置信息

const DEFAULT_CONFIG = {
    APP_NAME: "联合国军火网",
    primaryColor:'#52C41A',
}
module.exports = DEFAULT_CONFIG
或 ()
export default{
    APP_NAME: "联合国军火网",
    primaryColor:'#52C41A',
}

2. main.js

// 引入要挂载的全局配置
import config from "./config"
const app = createApp(App);
// 挂在全局对象
app.config.globalProperties.$CONFIG = config;

3. xxxx.vue 中使用全局对象

<span>{{ $CONFIG.APP_NAME }}</span>