Vuecli会自动刷新
vue和vue-cli是什么关系? -
vue-cli相当于脚手架，给你自动生成模板工程；vue-router是vue路由插件，支持你单页应用的；vue-loader是webpack下loader插件，可以把.vue文件输出成组件。学习，是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种：狭义：通过阅读、听讲、研究、观察、理解是什么。
vue返回上一页的时候，默认都会重新执行生命周期，重新加载数据，这样其实不太友好。那我们仿照微信小程序，返回上一页不会触发onLoad，但是会触发onShow，我们就可以在onShow里面做一些事情。
vue-cli相当于脚手架，给你自动生成模板工程；vue-router是vue路由插件，支持你单页应用的；vue-loader是webpack下loader插件，可以把.vue文件输出成组件。学习，是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种：狭义：通过阅读、听讲、研究、观察、理解是什么。
vue返回上一页的时候，默认都会重新执行生命周期，重新加载数据，这样其实不太友好。那我们仿照微信小程序，返回上一页不会触发onLoad，但是会触发onShow，我们就可以在onShow里面做一些事情。
主要是首屏加载太慢。大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解决过大的js文件。安装npm install --save-dev webpack-bundle-analyzer在webpack中设置如下，然后npm run dev 的时候默认会在8888端口显示。const BundleAnalyzerPlugin = require('说完了。
1. vue.config.js的作用：vue.config.js是Vue CLI项目中的核心配置文件，用于对webpack进行深层配置以及对项目其他功能的自定义设置。2. 配置文件的创建：在项目根目录下，如果没有vue.config.js文件，则需要手动创建。在此文件中，可以导出一个对象，该对象包含了项目的配置信息。3. 常见配置项：publ有帮助请点赞。
vuecli创建项目,必须要联网吗? -
vuecli创建项目，必须要联网。使用vuecli创建项目时，需要下载对应的包文件，因此，必须要联网。vuecli是vue的官方脚手架，用于初始化vue工程，目前已支持了vue2和vue3的工程生成。
vue-cli脚手架的优势：有一套成熟的vue项目架构设计，能够快速初始化一个Vue项目.vue-cli是官方支持的一个脚手架，会随本版本进行迭代更新。vue-cli提供了一套本地的node测试服务器，使用vue-cli自己提供的命令，就可以启动服务器。集成打包上线方案。5. 还有一些优点，包括：模块化，转译，预处理，热好了吧！
vue-cli4 全面配置 -
vue-cli4 全面配置详解此指南详尽介绍了vue-cli4的配置选项，适用于满足开发过程中的各种需求，但建议根据项目需求进行个性化配置，从vue.config.js 文件中定制并安装所需的依赖。多环境变量管理在`package.json`的scripts中通过`--mode xxx`选择不同环境，其中VUE_APP开头的变量会被webpack.DefinePlugin希望你能满意。
报错如上图所示：| | 我的最终解决方案： 因为我之前在vue.config.js里配置了跨域，后来知道公司已经配好不用配就可以访问，so删掉我配的之后就ok了.| | 以上为项目中自我总结，可供大家参考，如有不足之处望指出！
vue-cli3 兼容 IE 浏览器的不完全踩坑之旅 -
方法一 设置请求头，禁止缓存方法二 get请求的参数中增加时间戳或是随机数和vue-cli2 兼容IE )一样有一个项目使用了 element-ui ，其中有一个场景是表单验证修改一个信息，发现 v-model 不能响应退格键，不知道是ele原因还是vue的原因，解决方案整理中未完待续还有呢？
在我们使用vue-cli创建生产的项目build后，默认会生成大量的.map文件，如下图：这些.map非常大，所以最好在build是不要将其生产出来。修改配置，使其build时不生成.map文件：在config文件夹下找到index.js文件，打开然后找到productionSourceMap，将其设置为false即可。