摘要:
对于接口地址域名我们经常会遇到,那么如何去定义呢: 只要在config/dev.env.js中定义变量NODE_ENV就行啦 在.vue文件中的引用方式如下: 嗯,就是这样简单~~~~ 阅读全文
摘要:
1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下: 2、字符串转数组 实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下: 阅读全文
摘要:
前言 使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位: 代码: 效果图: 是不是看起来跟vue的使用方式差不多?接下来就来从原理到实现,从简到 阅读全文
摘要:
懒加载 (1)定义:懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 (2)异步加载的三种表示方法: (3)vue中懒加载的流程: (4)Vue中懒加载的各种使用地方: 1.路由懒加载: 2.组件懒加载: 3. 全局懒加载: 按需加载 (1)按需加载原因:首屏优化,第三方组件库依赖过大,会给首 阅读全文
摘要:
1 import Vue from 'vue' 2 import Router from 'vue-router' 3 4 Vue.use(Router); 5 //按需加载,当渲染其他页面时才加载其组件,并缓存,减少首屏加载时间 6 const Index = resolve => require(['@/views/Index.vue'], resolve) 7 const ... 阅读全文
摘要:
在项目中我们经常会遇到多个组件调用同一个方法的问题,为了避免每次都在.vue文件中定义并调用,我们可采用vue的mixin的用法: 具体使用如下: 我们需要在main.js中引入mixins文件夹下的index.js文件, 这样,我们准备工作就做好了,那么在.vue文件中,我们就可以调用啦: 大功告 阅读全文
摘要:
所用知识点 1 v-model:监听input内容 2 watch:监听属性方法 参考https://cn.vuejs.org/v2/api/#watch 3 页面初始化调用函数 mounted 一:html元素 实现思路 1 v-model 一个收集所有input(除全选框外)数组checkMod 阅读全文
摘要:
如下所示,utils文件夹下的js里都是封装好的工具函数, 如formatDate.js内容如下: getRandom.js内容如下: 那么如何将这些js中封装好的工具函数模块化导出呢,重点来啦。。。我们靠一个中间js即index.js(中间桥梁)将这些js联系起来,其中index.js中代码如下: 阅读全文
摘要:
用Highcharts画图时,经常需要更新所画的图表,最常见的就是改变数据以更新图表。在Highcarts中,数据对应的参数是series。这儿就以图1的柱状图为例,列举如何更新series的5种方法,以供参考。源代码可从这儿访问。 图1 1. series.update Highcarts图表中, 阅读全文
摘要:
var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":& 阅读全文