m0_69435612的博客

node -v版本为18.12.1npm -v版本为： 8.19.2初始化工具：vue cli安装脚手架： npm install -g @vue/cli。

prettier配置如图（没有prettier先到插件商店安装）在文件中执行格式化快捷键，不报错，表示配置工程化成功!

Action（支持异步）：执行异步操作，并且触发mutation的更改（action调用mutation）本质上：给你提供了一套增删改查全局变量的API，只不过可能多了一些功能（如时间旅行）首先点击菜单项==>跳转更新路由==>更新路由后，同步去更新菜单栏的高亮状态。Mutation（尽量同步）：定义了对变量进行增删改（更新）的方法。把菜单上的路由改成读取路由文件，实现更通用的动态配置。所有页面全局共享的变量，而不是局限在某一个页面中。State：存储的状态信息，比如用户信息。引入时钟成功显示出来！

以一套通用的机制，去定义哪个页面需要哪些权限，而不用每个页面独立地去判断权限，提高效率。（可以在路由中定义需要的权限）2）在全局页面组件中，绑定一个全局路由监听。每次访问页面时，根据用户要访问的路由信息，先判断用户是否有对应的访问权限。3）如果有，跳转到原页，如果没有，拦截或跳转到401鉴权或登录页。2.可以单独定义一个文件，控制路由的显隐。1）在路由配置文件，定义某个路由的访问权限。注：1.APP.vue是全局文件。