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

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

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

当打包构建应用时，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方法将图片压缩

提供两种样式单位（rem 和 px）版本；高质量、功能丰富；友好的 API ，自由灵活地使用空间；细致、漂亮的 UI；使用单文件的 Vue 组件化开发模式；基于 npm + webpack + babel 开发，支持 ES2015；真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

we-vue - 不只是 vue.js + weui！更是一套基于 Vue.js 的移动关组件库，结合 weui 官方样式库，封装了一系列组件，适合微信公众号等移动端开发。

Mand Mobile是面向金融场景设计的移动端组件库，基于Vue.js实现。目前已实际应用于滴滴四大金融业务板块的10余款产品中。

Muse UI 是一套 Material Design 风格开源组件库，旨在快速搭建页面。它基于 Vue 2.0 开发，并提供了自定义主题，充分满足可定制化的需求。

cube-ui 是基于 Vue.js 实现的精致移动端组件库。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。在交互体验方面追求极致。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品

ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步，组件的 html 结构和 css 样式也保持一致，真正做到了样式 0 修改，组件 API 也尽量保持了一致。

借助BootstrapVue，您可以使用Vue.js和世界上最受欢迎的前端CSS库 Bootstrap v4在网络上构建响应式，移动优先和ARIA可访问的项目 。Bootstrap v4是世界上最受欢迎的框架，用于构建响应式，移动优先的网站。Vue.js （发音为/ vjuː /，类似于视图）是用于构建用户界面的渐进框架。

Mint UI基于 Vue.js 的移动端组件库，同样出自饿了么前端的项目。Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。