目标1：webpack配置排除打包-打包瘦身通过配置vue-cli把一些平常不需要用的包排除在打包文件之外。例如:让 webpack 不打包 vue xlsx 和 element使用方式先找到 vue.config.js， 添加 externals 项，具体如下：configureWebpack: {// 配置单页应用程序的页面的标题// 省略其他....externals: {/*** exte

路由守卫

token-处理-整体分析背景在项目中，后端接口中只有登录接口是不需要token的，其他接口都需要token才能访问。分析登陆功能之后，从后端获取到了token值，在接下来的其他请求中，接口服务器都会去检查token值，这里我们提前把它保存到统一管理公共状态的 vuex中token-处理-将token保存到vuex中目标使用vuex来保存登录接口获取到的tokenvuex的基本使用流程使用vuex

vue中的ref的作用

问题：vue项目中，如何将后台请求回来的数据，传递给子组件呢？思路此时肯定会想到v-bind自定义属性传值，子组件props来接收，但是很可惜，如果只是按照普通的父传子做法来做，最后的结果是子组件拿到数据的初始值，并没有拿到数据，然后报错 invalid prop原因原因很简单，还没有等到父组件赋值给它就已经把data里面这个自定义属性所绑定的初始值传过去了，就是下面代码中的article，没有等

1. Vue3的生态和优势社区生态 - 逐步完善整体优化 - 性能优化/TS支持优化/组合式API加持市场使用 - 部分技术选型激进的公司已经在生产环境使用了vue3社区生态组件（插件）名称官方地址简介ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 A

人力资源管理系统简介人力资源管理系统，简而言之，是企业的后台管理系统，对企业内部信息进行管理。话不多说，直接说明所谓的两大核心是什么：1.vue-element-adminvue-element-admin是开发后台管理系统的一个比较完备的前端解决方案：基于 vue 和 element-ui实现内置了 i18 国际化解决方案，动态路由，权限验证提炼了典型的业务模型提供了丰富的功能组件内部集成了PC

本地存储webStorage = localStorage + sessionStorage存储内容大小一般支持5M左右（不同浏览器可能会有差异）浏览器通过Window.localStorage 和 Window.sessionStorage 来实现本地存储机制相关的APIxxxxxStorage .setItem (‘key’,‘value’)把键值对的数据添加到存储中，如果键名已经存在，则更新

什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性-从浏览器中创建 XMLHttpRequests-从 node.js 创建 http 请求-支持 Promise API-拦截请求和响应-转换请求数据和响应数据-取消请求-自动转换 JSON 数据-客户端支持防御 XSRF安装使用 npm:$ npm install axios使