废话不多说,直接进入正题。安装,引用,这些直接从官网拷贝来的,就不多说了。1、安装使用 npm 安装: npm install v-distpicker –save使用 yarn 安装 yarn add v-…
分类:vue.js
vue-cli中使用axios
vue-cli中使用axios vue官方已经宣布vue-resource官方已经停止维护,推荐使用axios,我就把之前的项目用更换为axios。遇到了一些问题,通过查找资料,总结一下。 如何在vue中全局使用axio…
vue2.0 + iview IE浏览器中不能正常运行解决办法
vue + iview + webpack项目在ie浏览器中不能正常运行。主要原因是代码中使用es6语法,在低版本浏览器中无法识别。 解决办法:(1)webpack不会编译static下的js文件,所以js文件不要写在s…
Vuex下Store的模块化拆分实践
前言 最近的项目用到了 vue.js + vuex + vue-router 全家桶,版本为 >2.0,在搞Store的时候发现,圈子里大部分关于vuex的文章都是比较基础的Demo搭建方式,很少有涉及到比较复杂的…
做一个可复用的 echarts-vue 组件(延迟动画加载)
在 vue 项目使用 echarts 的场景中,以下三点不容忽视:1. 可视化的数据往往是异步加载的;2. 若一个页面存在大量的图表( 尤其当存在关系图和地图时 ),往往会导致该页面的渲染速度很慢并可能在几秒内卡死,产生…
浅析vue中的组件通信
为了方便展示,所有的组件都是以 单文件组件的方式编写的 1. 父组件对子组件通信 在父组件内使用 v-on绑定自定义事件,在子组件内使用 props传递 自定义的事件名称 如下是父组件 <template> …
Vue 初始化性能优化
原文: https://github.com/Coffcer/Bl… 前言 一般来说,你不需要太关心vue的运行时性能,它在运行时非常快,但付出的代价是初始化时相对较慢。在最近开发的一个Hybrid APP里…
使用element—UI中的表格单独改变一项的字体颜色
一分钟学会怎么修改el-table样式 <el-table :cell-style="tableRowStyle">//添加一个cell-style属性 tableRowStyle({ row, column…
vue-cli配置webpack dll
问题 在前端项目中,我们希望第三方库(vendors)和自己写的代码可以分开打包,vue-cli也帮我们配好了webpack的CommonsChunkPlugin,但是在使用vue-cli的打包的过程中有一些痛点。 一、…
前端-优雅的VueJS
Vue.js轻松实现页面后退时,还原滚动位置 前言 从Vue.js 2.x发布之后,陆陆续续做了七八个项目,摸索出来了一套自己的状态管理模式,我将之称为Vuet。它以规则来驱动状态更新,它带来的是开发效率上的飙升,它就像…
人人都能懂的Vue源码系列—02—Vue构造函数
上篇博文中说到了Vue源码的目录结构是什么样的,每个目录的作用我们应该也有所了解。我们知道core/instance目录主要是用来实例化Vue对象,所以我们在这个目录下面去寻找Vue构造函数。果然我们找到了Vue的构造函…
vue.js 学习笔记(一)
一、v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url">&…