在使用less在Vue.js中给元素添加背景图片时 ，我们可能会按照css的方法使用相对路径来处理我们的图片错误无法显示

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

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

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

在使用node验证码的时候我们把验证码保存在后台的session中但是我们前台会出现一个cookie字段connect.sid，这是默认的存储的session加密保存在cookie中，验证的时候我们要把cookie发送给后台，这样我们才能在后台获取到存储的session，而我们用axios,但是axios 默认不发送cookie，跨域也是一个原因，需要全局设置，所以我们需要这么设置

想想如果从最顶层组件传一个 data 给最底层组件，仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的：在需要获取 data 的组件上设置一个监听器，每次要传递 data 时，那个组件就广播这个事件并调用这些监听器。

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

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

react.js引入配置less，来实现动态管理背景主题

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

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）

首先缩进不能用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"）

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

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

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

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

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

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

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

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

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

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

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

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

报错redux-persist failed to create sync storage. falling back to ”noop" storage （redux persist无法创建同步存储。回到“noop”存储），我们很蒙蔽会找redux的问题，还有各种交流网站上跟react开发的react-native的连贯问题，但是发现跟着写也没有解决，在回退到原始找寻路径，我们去了官网的git上的issues上我们找到了蛛丝马迹如图

使用next.js对react进行服务端渲染的时候我们遇见如图问题，Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签，这个标签产生的原因就是我们动态判断显示的内容，比如说我们在登陆的时候，登陆成功是不是要显示我们的用户信息，填充到界面上，这样我们就知道页面跟服务端的页面发生了变化！

错误语句​The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可

react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确，不是React.component或者React.Comonent…2、检查下React版本，确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确