徐向博 / Imin.

vue3 + vite 开发笔记
作者:Imin 时间:2021-12-08 分类: 前端

vite

在 vite 中配置 vue-router:

import { createRouter, createWebHistory } from 'vue-router'
import index from './components/index.vue'

const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            name: 'index',
            component: index
        }
    ]
})

export default router


挂载全局变量

在vue 2中,使用 Vue.prototype 即可挂载全局变量和方法,而在vue 3中需要使用插件的方式达到相同的效果:

// tool.js
export default {
    install: (app) => {
        app.config.globalProperties.tool = {
           
        }
    }
}

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import tool from './tool'
const app = createApp(App)
app.use(tool)
app.mount('#app')


未完待续...

本文标签: vue3 vite