本文基于Vue2.0keep-alive简介keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：propsinclude-字符串或正则表达，只有匹配的组件会被缓存exclude-字符串或正则表达式，任何匹配的组件都不会被缓存//组件aexportdefault{name:'a',data(){return{}}}可以保留它的状态或避免重新渲染可以保留它的状态或避免重新渲染遇见vue-router西湖雨好大，借把伞躲躲雨...router-view也是一个组件，如果直接被包在keep-alive里面，所有路径匹配到的视图组件都会被缓存：然而产品汪
1、this.$router.addroute()addRoute添加一条新的路由记录作为现有路由的子路由，如果路由有一个name,并且已经有一个与之名字相同的路由，它会先删除之前的路由；2、this.$router.addroutes（）this.$router.addRoutes(routes:Array)动态添加更多的路由规则。参数必须是一个符合routes选项要求的数组。3、this.$router.push()描述：跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面。四种情况：4、this.$router.replace()它的作用类似于 ro
目录一、vue.config.js中常用的配置1、导出模块2、publicPath部署应用包的基本Url3、outputDir输出文件目录4、assetsDir打包后生成的静态资源目录5、lintOnSave6、productionSourceMap生产环境的sourcemap7、devServer8、chainWebpackwebpack配置9、configureWebpackwebpack配置configureWebpack和chainWebpack区别10、css相关配置11、pages12、其他二、优化1、优化打包chunk-vendors.js2、打包时去除打印信息3、开启gizp压
贴上官网vue-cli3创建的时候并不会自动创建vue.config.js，因为这个是个可选项，所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js再然后因为vue-cli3内部高度集成了webpack，一般来说使用者不需要再去知道weboack做了什么，所以没有暴露webpack的配置文件，我们可以手动去创建vue.config.js去修改默认的webpack。注意，只能叫vue.config.js。在根目录中创建vue.config.jsimage.pngvue.config.js配置贴上我在项目中，用到的比较全的配置"usestrict";constpath
1.publicPath默认值：'/'说明：部署应用包时的基本URL，例：https://www.my-app.com/my-app/，则设置publicPath为/my-app/提示：1.当使用基于HTML5history.pushState的路由时2.当使用pages选项构建多页面应用时。2.outputDir默认值：'dist'说明：打包目录。提示：目标目录在构建之前会被清除(构建时传入--no-clean可关闭该行为)。3.assetsDir默认值：''说明：放置生成的静态资源(js、css、img、fonts)的(相对于outputDir的)目录。注意：从生成的资源覆写filenam
背景项目中有一个系统使用的微前端，主站使用是vue2实现的，使用的是vue-router3.x。子应用有使用vue3实现的，使用的为vue-router4.x。该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求，此时使用的是vue-router4.x的编程式导航API。当通过点击主站的Tab切换回B的时候，使用的是主站的vue-router.3.x，到目前为止，都很正常。但再次通过A的按钮触发跳转到B时，就会出现http://xxxxxundefined路径，导致页面空白。分析通过一步步断点，追踪问题。第一次触发跳转时第二次触发跳转时当vue-router4.x进行导航时，会先从
vue-router路由懒加载及实现方式。文章目录前言一、路由懒加载二、实现路由懒加载1.Vue异步组件(异步加载)2.推荐方式-ES6的import() 3.webpack提供的require.ensure()实现懒加载前言什么是路由懒加载？--延迟加载，在需要的时候才会进行加载。一、路由懒加载 我们在路由中通常会定义很多不同的页面。如果不应用懒加载的话，很多页面都会打包到同一个js文件中，文件将会异常的大。造成进入首页时，需要加载的内容过多，时间过长，在浏览器中可能会出现短暂的空白页，从而降低用户体验，而运用路由懒加载是将各个模块分开打包，用户查看的时候再加载对应的模块，减
我有一个Ionic3应用程序(IonicCLI3.19.0、CordovaCLI8.0.0、android平台7.0.0，ios平台4.5.4)，其中包含native“地理定位”插件。由于iOS10+需要NSLocationWhenInUseUsageDescriptionApp-Info.plist文件中的属性，插件的文档(GeolocationiOSQuirks)表示在config.xml中包含以下内容:needlocationaccesstofindthingsnearby所以我逐字添加为...中的第一个条目我的config.xml的标签。在构建的cordovaiOS阶段，它失败
Android-GoogleIOSpotlightPrivacyAndSecurity_1024x512.png前言本文属于《一款基于MVP架构的快速应用开发框架，kotlin版本》(注：此文章还在更新中，可先看看，敬请期待！)的扩展文章，详细介绍在使用LeoFastDevMvpKotlin快速开发框架的时候，进行项目依赖管理的方法。介绍Android依赖统一管理距目前为止，博主一共知道有三种方法，分别是：传统applyfrom的方式（也是本文想讲的一种方式）：新建一个「config.gradle」文件，然后将项目中所有依赖写在里面，更新只需修改「config.gradle」文件内容，作用于所
一 配置文件的属性1.1 配置文件的配置规则${spring.application.name}-${spring.profiles.active}.${spring.cloud.nacos.config.file-extension}说明如下：prefix默认为spring.application.name的值spring.profile.active即为当前环境对应的profile；file-extension为配置内容的数据格式注意：当spring.profile.active为空时，对应的连接符-也将不存在，dataid的格式变为了:${prefix}.${file-extension
