一、设置代理文件：vite.config.jsimport{defineConfig}fromviteimportvuefrom@vitejs/plugin-vueimportAutoImportfromunplugin-auto-import/viteexportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:[vue,vue-router]//自动导入vue和vue-router相关函数})],server

<scripttype="text/javascript">exportdefault{head(){return{title:这是title,meta:[{name:description,content:这是描述},{name:keywords,content:这是关键字}]}},}

问题：安装Element&nbsp;Icon（解决标题所言的报错）解决办法：cnpminstall@element-plus/icons-vue

安装完成的项目，发现没有路由文件，我们的项目肯定会用到路由，所以直接安装路由一、目录结构二、安装router2.1&nbsp;执行命令npminstallvue-router@4-S2.2&nbsp;安装完成2.3&nbsp;进入项目，创建router目录，再去创建index.js三、配置src/router/index.js文件内容import{createRouter,createWebHistory}from"vue-router";importHomefrom"../views/Home.vue";constroutes=[{path

router.tsimport{createRouter,createWebHistory}from"vue-router";import{AppRoutes}from./route;import{beforeEach,afterEach}from./guards.tsexportconstAppRouter=createRouter({history:createWebHistory(),routes:AppRoutes,scrollBehavior:()=>({top:0})})AppRoute

v3&nbsp;https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.html&nbsp;

写数据：data写方法：methods计算属性：computed1.&nbsp;了解什么是计算属性(&nbsp;computed&nbsp;)&nbsp;&nbsp;&nbsp;&nbsp;针对于数据进行二次计算（强调其实template部分也可以实现，但是最好把二次计算写在computed，因为直接写在template会让template代码很难维护和管理）&nbsp;&nbsp;&nbsp;&nbsp;*****二次计算的情况，methods也可以实现呀！那么methods和computed有什么区别？&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n

参考网址：&nbsp;https://github.com/vuejs/rfcs/pull/271大致总结：支持选项式api和组合式api写法pinia没有mutations，只有：state、getters、actions可以模拟模块化import{defineStore}frompiniaimport{userStore}from@/store/userexportconstuseGlobalStore=defineStore(global,{state(){return{