Vite 2，关于前端开发的面试经验总结，前端面试基础技能罗列

meta: {

title: “首页”,

keepAlive: true

},

component: () => import(“…/views/Home/index.vue”),

},

{

path: “/login”,

name: “Login”,

meta: {

title: “登录”,

keepAlive: true

},

component: () => import(“…/views/Login/index.vue”),

},

];

const router = createRouter({

history: createWebHashHistory(),

routes

});

export default router;

在main.ts挂载路由

import { createApp } from ‘vue’

import App from ‘./App.vue’

import router from “./router”;createApp(App)

.use(router)

.mount(‘#app’)

配置数据中心vuex（4.x）

安装

npm i vuex@next --save

配置

在src下创建store目录，并在store下创建index.ts

import { createStore } from “vuex”;

export default createStore({

state: {

listData:{1:10},

num:10

},

mutations: {

setData(state,value){

state.listData=value

},

addNum(state){

state.num=state.num+10

}

},

actions: {

setData(context,value){