echarts 自带的自适应方法  resize() 具体用法: let xxEcharts = this.$echarts.init(document.getElementById('xxx')) xxEcharts.setOption(xxxx)  // 参数是 echarts 的option对象 window.onresize = xxEcharts.resize   但是,问题来了,同一个页面使用多个echarts 的时候,window.onresize = xxEcharts.resi

<component :is="currentCom"></component>   import Grid from './component/grid';   methods: { condiation () { // ....some code this.currentCom = Grid } }   currentCom就是你引入的组件 

1. 自定义plugin.js export default{ install(Vue,options); { Vue.prototype.toStringTwo=(str)=>( ('0000'+String(str)).slice(-2) ) } } 2.入口js import Vue from 'vue'; import MyPlugin from './plugin'; Vue.use(MyPlugin); new Vue({ //... }) //即可在各组件调用方法toStringT

common.js var common =function() { return{ f1:function(){ console.log("this is common f1()."); }, f2:function(){ console.log(" out vist f222222()."); }, // 小写转大写 toUppercase:function(o,parName){ if(o && o[parName]){ o[parName]

vue 2.0加入了 virtual dom,在 node_modules\vue\src\core\vdom\patch.js 中会对虚拟 DOM 进行 diff 算法等,然后更新 DOM. 网上的文章都是谈论的 diff 算法,而 diff 算法后如何取修改 DOM 没有太多说明. 我在源码中查找了下,找到了更新真实 DOM 的方法. node_modules\vue\src\core\vdom\path.js 中的 createPatchFunction 方法接收 backend ,而 b

css中添加屏幕自适应方法(rem) 只需要在公共css文件中添加下面代码:设计稿以750px,基础字体为20px为例,兼容性高,使用过程中px转化为rem即可 /*竖屏*/ @media screen and (max-aspect-ratio: /){ html {font-size:calc(100vw / * );} @media screen and (min-width: 750px) { html{font-size:100px;max-width:750px;} } } /*横屏

data() { return { list:[ // 添加属性fale 后的值 ], // 测试数据 goList:[ { name:'张三', phone:'18621958665' }, { name:'李四', phone:'18621958665' }, { name:'张er', phone:'18621958665' }, { name:'李wu', phone:'18621958665' } ], routerList:[] } }, // 数据请求 getAjax(){ con

2013-11-24 前言: 上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下. 1.    JS获取checkboxList所选的值 这个的应用场景是需要在前台获取checkboxList的所选的值,然后作为dataService的参数传递为后台的方法. 在aspx页的界面显示代码如下: <div> <label>请选择国家:</label> <asp:CheckBoxList ID="Cb

摘要:今天是比较糟糕的一天没怎么学习,原因是学校的wifi连不上了~~.今天学习一下vue的生命周期,如何防止闪烁(也就是用户看得到花括号),计算属性的使用,vue实例简单方法,以及当有重复数据时如何循环 一.vue的生命周期:熟悉它的生命周期可以让开发更好的进行. 钩子函数: created -> 实例已经创建 √ beforeCompile -> 编译之前 compiled -> 编译之后 ready -> 插入到文档中 √ beforeDestroy -> 销毁之前 d

Vue数组变异方法,会改变被这些方法调用的原始数组,将会触发视图更新 push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度 pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项 shift() 移除数组中的第一个项并返回该项,同时数组的长度减1 unshift() 在数组前端添加任意个项并返回新数组长度 splice() 删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员 sort() 调用每个数组项的toString()方法,

方案一:推荐 在typescript+Vue的项目中引用echarts,为了加强引用,引入echarts和@types/echarts两个包,一个是工程依赖,一个是声明依赖. npm install echarts --save npm install --save @types/echarts 然后在需要引用echarts的组件中引入echarts <script lang="ts"> …… import echarts from 'echarts'; …… </s

原文:intro-to-vue-1-rendering-directives-events 译者:nzbin 如果要我用一句话描述使用 Vue 的经历,我可能会说“它如此合乎常理”或者“它提供给我需要的工具,而且没有妨碍我的工作”.每当学习 Vue 的时候,我都很高兴,因为很有意义,而且很优雅. 以上是我对 Vue 的介绍.在我第一次学习 Vue 的时候,我就想要这样的文章.如果你倾向于无党派的方法,请查阅 Vue 简单易懂的 用户指南. 系列文章: 渲染, 指令, 事件 (你在这!) 组件,

vue.js循环for(列表渲染)详解 一.总结 一句话总结: v-for <ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar

使用脚手架新建了一个vue项目,可以在IE9+浏览器运行,但是在添加了axios后,在IE下就报错了 首先是安装axios,在命令行执行: $ npm install axios -s //执行命令,下面是输出结果 + axios@0.18.0 added 1 package from 1 contributor and audited 32846 packages in 12.611s found 7 vulnerabilities (1 low, 1 moderate, 4 high, 1

一.Vue 生命周期 Vue的生命周期即是实例从创建到销毁的一个过程.之前在学习Vue的时候,看过官网的教程,但是经常用到的是mounted,所以对其他生命周期方法不是很熟悉,这里有空做个总结,也方便以后查阅. 二.Vue生命周期方法 主要方法有:beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,Destroyed.还有两个不常用的actived,deactivated,这两个方法用于被<kee

前两条出自: https://link.zhihu.com/?target=http%3A//www.orzzone.com/vuejs-project-debug.html https://www.zhihu.com/question/41127712 一.Vue.js devtools开发工具的使用 在Chrome或Firefox浏览器的扩展插件仓库里搜vue devtool,安装Vue.js devtools后结合下面这张官方动图,其他就不多说了,这不是本文重点. 二.使用debugger

安装vue.js的方法   一.简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式

github地址:https://github.com/manlili/vue_learn里面的lesson03 一 实例 每个 Vue 实例都会代理其 data 对象里所有的属性,改变data,vue实例同时改变,当然改变vue实例,data也同时改变,即   vue实例<=>data <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue实

大家好,我是一叶,本篇是vue学习的第二篇,本篇将要讲述vue结合axios动态引用echarts. 在vue中,异步刷新使用的是axios,类似于大家常用的ajax,其实axios已经是vue的第二代异步工具了,第一代是vue-resource,不过官方已经停止更新了,axios各方面来说更好用,所以还是比较推荐的. 首先来说说我们的思路,echarts能渲染图表,是因为series里的data有数据,所以才能渲染出来.如果我们把axios请求过来的值赋给data,是不是意味着echarts就

一.vue 使用webpack打包后路径报错(两步解决) 1. config文件夹 ==> index.js ==> 把assetsPublicPath的 '/ '改为 './' 2. build文件夹 ==> utils.js ==> 添加代码 publicPath: '../../' 二.alias的使用(两种方式) 当项目逐渐变大之后,文件与文件直接的引用关系会很复杂,这时候就需要使用alias 了,在脚手架搭的vue项目中,在webpack.base.conf.js里面可以

原生JS添加节点方法与JQuery添加节点方法的比较及总结   一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="div2">div2 <span id="span1">span1</span> <span id="span2">span2</span> &