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

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

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的，

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

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

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

vue环境下使用百度地图定位发现，地图定位不准确，有偏差，带红叉的是我们赋值的没有转换坐标的定位，对号是我们转换了坐标以后的定位，相对来说转换的坐标是符合我们的定位要求的，为什么会出现这样的差别呢，那先来看看坐标的种类：目前国内主要有以下三种坐标系：

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

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

首先缩进不能用tab要用空格这个比较恶心，因为习惯了tab缩进的习惯用空格去缩进就比较别扭了，意外的制表符（Unexpected tab character），在“{”之前找到的多个空格（Multiple spaces found before '{'），混合空格和制表符（Mixed spaces and tabs），预期缩进6个空格，但找到6个制表符（Expected indentation of 6 spaces but found 6 tabs），“返回”后的预期空间（Expected space(s) after "return"）

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

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

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

在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条，所以我们在显示弹窗的时候隐藏掉滚动条，但是pc端可以完美的用overflow：hidden，可是移动端呢，安卓可以实现这样的效果，但是到了苹果手机上overflow：hidden行内可能不兼容造成无法隐藏滚动条，不建议在行内使用overflow：hidden,我用了类名样式去实现这样的隐藏

该报错从文本意思理解还是很清晰的，不要在mutation函数外修改vuex中存储的值。通常情况下，vuex挂载到vue上之后，vuex中的值可以在组件中修改

最近在做vue-h5项目的时候测试当中有这么个需求：要在微信当中没有执行退出操作的时候，直接关闭窗口，进行退出登录操作要清除用户的信息，经过测试记录使用如下：

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错，以此收集来带入坑不知所措的坑友脱坑，当你在改完vue代码进行热加载的时候，我们的控制台出现了报红（也就是错误）,打开控制台f12看到以下如图所示错误：

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

翻译：无法对有状态组件根元素使用v-for，因为它呈现多个元素。看完翻译我们要确定几个关键词（见翻译红字），我们如果直接在template标签下直接使用v-for会出现当前错误

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

追梦猪爬坑记录教程总结，供相关行业伙伴使用

vue前端框架面试问题汇总，附答案

要从父组件传哪些必要的参数，即子组件需要提供什么接口组件需要去实现哪些功能我们要返回哪些参数给用户

vue引入swiper插件来完成我们所需要的轮播滑效果

本文使用原生的上传有局限性，ios手机能同时选择多张图片，而安卓手机只能一张一张上传，不能一次性选择多张。所以建议调用 微信JS SDK。

Vue.js中提供了许多函数，有一些函数非常有用，它将组件创建到完成渲染这段时间进行了无限放大，其实在这段时间内我们可以做好多工作，这在其他框架下是没有的，非常实用

子组件通过$emit触发父组件的事件，$emit后面的参数是向父组件传参，注意，父组件的事件处理函数直接写函数名即可，不要加(),参数直接传递到了父组件的methods的事件处理函数了

利用vue实现checkbox的多选，radio的单选

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理 SEO 的需求。 本文主要针对 vue 2.0 单页面 Meta SEO 优化展开介绍：

刚开始我是通过在index页面直接引入wow.js效果，第一天可以，但是第二天就不行了，看了一下代码的前端执行结果发现动画的名称是none，那问题出现在了没有找到动画名称，为什么会出现这样的我想应该是加载顺序导致的，wow.js在页面加载完以后便已经执行了，但是我的数据还没有获取到所有才出现了数据被display：none；