mpvue 安装比较简单，直接就把官方的步骤贴过来了# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project # 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev 1.在mpvue + vuex项目中我们不能通过vue那种方式来将store对象实例注入到每个子组件中从而无法使用this.$store.state.xxx、t- 阅读剩余部分 -

在vue项目中，如果服务上没有这张图片，那么前端展示时就会出现渲染出错图：解决方案：1.在img图片标签中绑定onerror事件<div class="img-div" v-loading="partImageInfoState" element-loading-text="数据加载中..."> <img v-if="currentImagePart.imgUrl" :src="'/static/images/parts/'+currentImagePart.im- 阅读剩余部分 -

报错代码：VM3950:37 TypeError: _self.$scopedSlots.default is not a function原因：使用v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现数据冲突导致table渲染出错解决方法：需要给同一个vue页面中的table节点加上个key值就完美解决;

最近做webpack基于vue-cli的打包优化，调试到productionGzip文件压缩优化，在项目 根目录config/index.js 中 build 对象内找到 productionGzip: false， 把 false改为true 实现启用。属性值修改后，这个时候可以执行 npm run build。但是会报错compiler.hooks.emit.tapAsync({ name: 'CompressionPlugin' }, emit); 排查了下原因，然后我去看了下：https://www.npmjs.com/package/compression-w- 阅读剩余部分 -

随着项目越来约庞大，导致构建包的时候速度缓慢！首先推荐使用wepback的可视化资源分析工具。以下给出webpack-bundle-analyzer配置【vue-cli构建项目时会自动配置好】安装webpack-bundle-analyzer控制台输入npm/cnpm install --save-dev webpack-bundle-analyzerconfig/index.js文件中module.exports = { build: { ... // Run the build command with an extra argument to - 阅读剩余部分 -