Vue

一.导出数据为xlsx表格文件,表格带下拉选择,自定义样式，xceljs-免费开源纯js操作Excel文件读取、修改、导出。

一、 Flex实现弹性布局 1.1 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。注意：任何一个容器都可以指定为Flex布局。

一、 @click.stop与@click.prevent 1.1 @click.stop 问题：[阻止事件冒泡] 1.2 @click.prevent：阻止事件的默认行为

一、在components目录下新建global.js 二、全局注册则在main.js引入global.js

1.新建utils/modalHelper.js文件 2.main.js中全局引入ModalHelper 3.vue页面使用 4.为避免用户使用按键返回，需在页面离开时移除禁用即可

vue swiper动态显示带指示点可手滑切换轮播图 PC端手机端适用 1、下载依赖（不带版本号会缺少文件） 2、main.js 引入 3、在单页面中使用

步骤 1. 新建一个js文件，引入main.js 2. 新建一个实例，挂载到document.body 3. 在路由守卫里访问 4. 在页面内访问

1.安装 vue-virtual-scroller 2.main.js 中引入 vue-virtual-scroller 并use它 3. 使用<recycle-scroller>

一、 vuex store、getters、mutations、actions四大模块组成vuex 挂载时调用：导出记录封装成一个组件，镶嵌在页面的头部组件里。

业务场景：后端返回来一个数组，数组中有n个对象，对象的其中一个属性是一串字符串类型的数字，需要将这个数字都转为二维码，并在页面上展示。 字符串转二维码需要用到 qrcodejs2插件

轮播图数组advertisements中，定义变量currentIndex=0表示第一张图片，然后获取每张图片的下标。点击切换图片时把当前图片的下标赋值给currentIndex即可实现图片切换显示。

一、cmd命令行引入echarts 页面代码： npm install echarts --save

1、vue-router 中使用 vuex 2、vue组件中js定义的本地图片在页面无法显示 3、vue build 过程取消 console、debugger 控制台信息输出

1.响应式：vue如何实现数据的响应式，从而用数据驱动视图 2.vittualdom和DIff：vittualdom及 DIff算法

在`Vue`中，提供了一个`api`, `Vue.config.optionMergeStrategies`,可以通过这个api去自定义选项的合并策略。

虚拟DOM算法的损耗：总损耗 = 虚拟DOM增删改+（与Diff算法效率有关）真实DOM差异增删改+排版与重绘（较少节点） 操作真实DOM的损耗：总损耗 = 真实DOM完全增删改+排版与重绘（较多）

Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

npm引入 引入screenfull使用 注意事项，判断是否全屏可用 screenfull.isEnabled

vue导出excel 安装依赖: npm install xlsx@0.17.0 npm install file-saver@2.0.5 封装导入导出js:Export2Excel.js

在实际开发过程中会遇到这种情况: 可以看到这里需要一个数字滚动的效果 这种效果我们可以通过vue-count-to插件来实现 实现流程.