随笔分类 -  vue

摘要:1. 安装 svg-sprite-loader npm install -D svg-sprite-loader 2. 修改 vue.config.js const path = require('path') function resolve(dir) { return path.join(__d 阅读全文
posted @ 2019-12-12 11:01 沧海寻蝴蝶 阅读(1646) 评论(0) 推荐(0)
摘要:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 有如下三种方法: 1.vue异步组件 将异步组件和 webpack 的 code-splitting 功能一起配合使用 v 阅读全文
posted @ 2019-09-18 23:03 沧海寻蝴蝶 阅读(412) 评论(0) 推荐(0)
摘要:利用keep-alive标签实现前进刷新后退不刷新 需求:路由前进式能够刷新数据, 返回时页面保存之前的操作. >修改App.vue中router-view, 根据路由中meta字段设置的变量判断是否被展示 >在router/index.js中添加meta字段 >在对应的组件中 手动刷新之后没有了缓 阅读全文
posted @ 2019-09-15 23:10 沧海寻蝴蝶 阅读(2820) 评论(0) 推荐(1)
摘要:vue-cli2.x构建项目及目录详解 1.全局安装vue-cli cnpm install -g vue-cli (这种安装vue-cli写法默认安装的是vue-cli2.x) 检测版本 vue -V 2.全局安装webpack cnpm install -g webpack 3.全局安装webp 阅读全文
posted @ 2019-09-02 00:37 沧海寻蝴蝶 阅读(12956) 评论(0) 推荐(3)
摘要:vue嵌套组件的生命周期 问:有A、B、C三个组件,A为B的父组件,B为C的父组件,它们的创建和挂载顺序是怎样的?即(beforeCreate/created,beforeMounte/mounted)的执行顺序 代码演示 打印结果 通过打印结果我们可以看到,beforeCreate、created 阅读全文
posted @ 2019-09-01 00:18 沧海寻蝴蝶 阅读(1207) 评论(0) 推荐(0)