大部分使用过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；

beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么，创建=>挂载=>更新=>销毁，So easy ！！！

Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

vuex是vue全家桶成员之一，追梦猪在尝试了使用了一会，发现确实便利不少，但是插件有时候还没有原生方法使用的方便，但是还是要了解一下这个vuex烧包，先引入vuex默认文件actions.js，getters.js，store.js，还有types.js文件

写到这你会发现虽然百度富文本编辑器可以使用了，当你用富文本提交数据时试正常的，但是在那到数据放到富文本当中的时候却出现了问题，html标签无法被转义直接把转义标签回显到富文本当中追梦猪，想了很多办法也无济于事，所以采用方法过滤

axios的拦截请求与响应,请求拦截（配置发送请求的信息）,响应拦截（配置请求回来的信息）

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

利用H5的FileReader对象将上传的图片转base64格式，利用canvas的drawImage方法重绘上传的图片（注：drawimage是一个异步方法，需要在图片读取成功后在进行重绘，否则可能会压缩不成功）在利用canvas的toDataURL方法将图片压缩