摘要: 1.安装swiper,执行npm install vue-awesome-swiper --save命令 2.在main.js中添加下面三行 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) 3.在 阅读全文
posted @ 2020-03-15 22:46 俄罗斯方块 阅读(6216) 评论(0) 推荐(0) 编辑
摘要: 一 keep-alive 缓存组件内容,避免组件反复加载,影响效率 (1)在路由中配置: 添加meta:{keepAlive:true} { path: '/', name: 'home', component: Home, meta:{ keepAlive:true } } 其中:keepAliv 阅读全文
posted @ 2020-03-15 13:14 俄罗斯方块 阅读(1329) 评论(0) 推荐(0) 编辑
摘要: webpack会把所有的js文件都打包成一个js文件,影响页面加载速度。 (1)router/index.js中配置懒加载的路由地址: component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') (2)脚 阅读全文
posted @ 2020-03-15 10:29 俄罗斯方块 阅读(427) 评论(0) 推荐(0) 编辑
摘要: vue-router中默认的路由模式是hash模式,即:#/路由地址 当启用history路由模式,就不会看到#,只剩:/路由地址 由此可能出现问题:客户端和服务端都有路由地址,并且有可能重名。如服务端:/index(服务器端查询) VUE中:/index(Vue脚手架路由器查询)且,浏览器只要看到 阅读全文
posted @ 2020-03-15 09:42 俄罗斯方块 阅读(1701) 评论(0) 推荐(0) 编辑