这是一个数据可视化相关的项目，作为一个学生班主任，需要对班上同学的各方面的情况都有所了解，于是我便做了一个问卷调查来了解学生各方面的情况。然后我又想到可以分析我们班的群聊记录呀，根据群聊记录可以得到班上同学之间的亲密度和班级群聊活跃度等信息。自然而然，我就想着可以搭建一个平台来展示这些数据，既然是数据当然是以图表的方式来展示更加直观，然后折中选择了 echarts 这个图标库。至于为什么要选择用 vue 这个插件，之前只是觉得学了 vue 可以练练手，做完之后发现 vue 真的很轻量也很好上手，结合 vuex 和 vue-router 基本能完成我项目中的所有需求。

Mars 是由 Vue 驱动的多端开发框架，其语法规范完全遵循 Vue，支持一套代码同时运行到百度小程序、微信小程序以及 H5 Web 端。 Mars 诞生于搜索垂类产品对于小程序和 H5 Web 端相同的产品业务需求的场景下。从框架设计研发之初，就定位于解决小程序以及 H5 …

做微信的网页基本上都要接入微信的sdk，我在做的时候，也颇费了一番功夫，然后就想记录一下，供自己日后翻阅，以及让有需要的朋友可以做一下参考，如果喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 开始之前大家可以先读一读微信公众号的 接入文档，vue是单页面项目，比如你想要接入…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…

1. 新建vue项目 2. 使用axios 加载axios模块之后错误提示消失了。 这里的not allowed access就是提示我们浏览器不支持跨域请求，搜索了很多资料，网易云不支持跨域请求的(网易云的服务器在返回你的请求中没有Access-Control-Allow-O…

最近在跟大神学习使用vue+webpack撸一个移动端音乐项目,当获取全部歌单json数据时遇到了接口对host和referer的限制 ，故不能直接在前端使用jsonp对接口数据的读取， 但由于原创中使用的是webpacK2.x版本，而目前已大量使用webpack4.x，参考资料后稍作修改作为自己的笔记以备不时之需。 1. $ npm install -S jsonp 2. 封装 3. 请求数据 4. 组…

当希望prop在子组件可以当做本地data使用时，可以在data中复制localData=this.data。但是若prop为数组或者对象时，需使用深拷贝； 当希望在子组件对prop进行转换时，可以使用计算属性转换。但是若prop为数组或者对象时，需使用深拷贝； 可以通过插槽的…

最近项目中由于列表居多且都做了下拉刷新上拉加载，所以就使用了keep-alive组件来缓存页面数据，但是当在其他页面做一些操作改变了列表数据，当来到列表的时候每次都要下拉刷新一下，体验不好，所以就使用到了EventBus，在需要更新的时候就用EventBus来刷新列表。 kee…