摘要：
安装 npm install vue-ls --save 或 yarn add vue-ls vue项目中使用 //在vue项目中的入口文件main.js中引入 import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // 存储 阅读全文
摘要：
通常有2种清除方式： 1、在beforeDestroy或者destroyed钩子函数中执行清除： data() { return { timer: null // 定时器名称 } }, mouted() { this.timer = (() => { //定时器的 js操作 }, 1000) }, 阅读全文
摘要：
根据项目需要，有时从后端取出来的图例数据太多，文本又太长，那么在展示上就不是那么完美，这时就需要对图例进行处理,效果图见下面1中的截图： 1、图例数据太多： 解决方法：echarts中已经封装了对图例的分页处理：在lengend中加入type: "scroll"即可，图例会自动根据容器的宽或高对图例 阅读全文
摘要：
如上图，在echarts的官方案例中，当鼠标移动到邮件营销模块上时，中间的文本会根据series下的data来显示对应项的name值， 从上面可以看出，如果要在饼图内的空心中间位置处设置固定的label 文本，不会随鼠标移动到饼图模块的切换hover效果而显示对应的label文本数据，那么只要将上图 阅读全文
摘要：
首先在 ECharts 中主要通过 on 方法添加事件处理函数，而echarts图表中封装了切换图例选中状态后的事件函数： legendselectchanged。【简单的说就是点击、切换图例的时候会调用legendselectchanged函数】，所以当我们需要对点击切换图例做一些js操作时，可以 阅读全文
摘要：
由于 Vue 会在初始化实例时进行双向数据绑定，使用Object.defineProperty()对属性遍历添加 getter/setter 方法，所以属性必须在 data 对象上存在时才能进行上述过程 ，这样才能让它是响应的。如果要给对象添加新的属性，此时新属性没有进行过上述过程，不是响应式的，所 阅读全文
摘要：
NProgress是页面跳转时展示在浏览器顶部的进度条 详见官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress 效果如下： 插件使用： //使用方式 1、安装：npm install -- 阅读全文
摘要：
vue 2.3.0+ 新增了 .sync 修饰符，数据的双向绑定时，子组件通过this.$emit('自定义事件名（随意）', 要传给父组件的参数) //子组件 this.$emit('modifyTitle', newTitle) 然后父组件中使用子组件可以监听那个事件并根据需要更新一个本地的数据 阅读全文