采用vue和echart实现echarts官网在线预览图表功能，可在线编辑演示图表demo,减少用户本地编写，通过页面中的代码编辑器修改echarts的option属性来实时渲染echarts的展示效果。

vue在默认的情况下，所有文件打到一个js中，文件体积越来越大，那么浏览器在加载的时候，响应时间会很长，那么我们把一个文件拆分成多个文件那么降低加载时间优化了加载速度

vue-cli4插件配置引入和使用,js压缩,css压缩提取,多项目集成,多入口配置,动态自动读取多入口文件

在vue3中使用template模板选项生成组件，控制台提示vue3中提供了模板选项， 但在此版本的Vue中不支持运行时编译

在使用vue进行开发的时候总会遇见seo的问题，但是vue-meta-info是基于2.0开发的，那在3.0中会出现什么样的问题，记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用

vue2.0迁移vue3.0的时候用到了render函数方式去渲染标签，但是当使用内置动画标签去渲染的时候，发现一直渲染不成功，后来发现问题特此记录。

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革，一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发，与封装挂载，记录分享给大家

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革，一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发，与封装挂载，记录分享给大家

在手机上展示我们的标题的时候，我们当前的场景不允许出现两行，但是空间只有那么大，还要让用户看到完整的信息，所以采用超出滚动的方式来解决当前的问题。

npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，可以通过npm发布远程包供相关人员使用，可以维护，升级，修改，开源

百度分享分为自由选择版跟专业开发版，两者的区别在于一个是直接粘贴使用，靠程序去自己抓取内容，缺点有时候不是自己想要的，那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求

mock.js没有用过的觉得很鸡肋，不就是填充数据吗，我开发的时候页面有数据啊，等等，我们要应用的场景就是我们调好接口，在没有网的情况下发现页面空荡荡的，而这个时候老板过来说看一下你的项目，怎么难道直接给老板看空白页面吗，当然是no，这时候mock.js这个数据生成器就派上了用场，用来展示数据，这样老板看到带数据的页面就感觉你这工作很ok！

Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。

在vue学习中，我们会用到大量弹窗来实现业务的交互，比如，弹窗提醒删除，添加，通知，修改，等等相关长用的类型，在今天我们写一个弹窗组件开发，如果想学习vueui组件的开发，请关注我们的ui组件库ZMZUI，搜索zmzui即可，也可关注我们的网站点击上方git地址进行源码下载！

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难，转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示，由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案，利用了innerHTML和innerText

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

最近在做移动端vue项目的时候遇到了一个这样的一个问题，当我点击input框输调起手机软件盘输入内容以后，关闭软键盘，页面没有回到底部，导致底部出现了空白，手动往下滑动一下，页面才会恢复正常，当关闭软键盘的时候，页面不会自动回到底部。目前Android和Ios上都有这个问题

追梦猪在使用此来实现手机h5微信支付的时候为了用户更好的体验让用户点击完成触发返回可以不在回到上一层而是我们指定的页面所以监听了返回键但是跟原先的写法返回有了一个冲突，原先go(-3)返回变成go(-4)才能返回到指定的页面，所以在用户体验的道路上任重道远啊！

在vue中引入vue-echarts组件的时候报错了Error in mounted hook: "Error: Component series.line not exists. Load it first ，找到vue-echarts下的components>echarts.vue

原因： 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。解决： webpack.config.js 配置删除下面这句， exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ， 覆盖了上一句 include 的设置

​在我的项目中遇到的情形是：打包后，css里加载的font文件路径变成了：/static/css/static/fonts/iconfont.eot，原先的打包没有这样的问题，而期望的应该是/static/fonts/iconfont.eot。

为什么需要CLI？减少重复性工作。根据动态命令更方便的生成开发环境。团队协同，效率高。我们要达到的设计？

有时候当你加载第二页或者下拉到更高的高度的时候会出现白屏，这跟vue框架也有关系，第一次用点击路由切换我们就会遇到第一页滑到800高度，路由跳转会在同样的高度，而不是顶部0的位置只能给一个window.scrollTo(0, 1) window.scrollTo(0, 0)

vue组件里定时器销毁问题，我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。

Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化

安卓电脑上都没有问题苹果7却出现了进去以后获取不到的问题，经过查找发现getCurrentPosition的问题，我们去试这打印这个函数发现苹果7下的getCurrentPosition无法获取

大部分使用过webpack的朋友都知道，抽离css需要使用到webpack的插件extract-text-webpack-plugin，vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less，否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式，zmz在测试了很多得出以下不是结论的结论，由于第一次玩没有别人指点走了不少弯路，现在总结如下，抽离普通css样式，（适合style默认lang）

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

原生编写vue移动端下拉刷新组件、上拉加载组件，满足移动端的刷新加载，但是还是有点小瑕疵，仅供参考

在vue2.0项目里我们发现外部引入的组件css3动画失效，但是在浏览器当中没有问题，一打包css3动画就失效，我们在打完包以后发现浏览器对动画特效没有出现兼容的状态，因此我们想到css3动画在框架下没有生效，最后找到是脚手架package.json没有加兼容处理