特征 轻量,高效,按需绑定事件 支持按需导入ECharts.js图表和组件 支持组件调整大小事件自动更新视图 安装 npm install --save echarts vue-echarts-v3 用法 用 vue…
分类:vue.js教程
「Vue.js」Vue-Router + Webpack 路由懒加载实现
一.前言 当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件和 Web…
[踩坑] ios版的webview无法长按识别二维码
现象 最近开始用vue了,做了一个微信内嵌的h5页面,某个页面存在一个二维码,在安卓手机上可以长按识别二维码,但是ios不行。 如下图所示:安卓没有任何问题: ios长按就不行了: (出于隐私,马赛克了中间的二维码,见谅…
Vue子组件与父组件之间的通信
1.环境搭建 下载 vue-cli:npm install -g vue-cli 初始化项目:vue init webpack vue-demo 进入vue-demo文件夹:cd vue-demo 下载安装依赖:npm …
实战Vue简易项目(5)模拟数据
关于模拟数据,这里使用Mock.js这个库,关于用法,官网说的也比较详细,这里我就简单的带一下。 列表数据 我们先将项目中src/components/HelloWorld.vue删除,将src/router/index…
vue基础-简介
1、前后端分离 当我们基于B/S模式进行web开发的时候,也许已经是前后端分离的,但是前后端分离显然不能这么简单的理解,我的意思其实是前后端分离的必要性,也许在一开始的时候就开始体现了。但是真正的原因肯定还是体现在项目实…
使用Webpack的代码分离实现Vue懒加载(译文)
当一个Vue的项目体积变得十分庞大的时候,使用Webpack的代码分离功能将Vue Components,routes或Vuex的代码进行分离并按需加载,会极大的提高App的首屏加载速度。 在Vue的项目中,我们可以在三…
如何在router-link中绑定click、keyup、change等事件?
最近在利用vue做博客的时候,发现了一个小问题,正常情况下,我们是无法在<router-link>中绑定click等事件的,就算绑定了,那也会被触发,下面也是从网上百度的解决方案如下: <router-…
Vue中父子组件生命周期执行顺序初探
如今前端框架都流行组件化,页面元素都可以使用组件进行高度概括,那么处理组件之间的关系就如同处理页面架构一样重要。正确理解组件之间的关系,才能让代码按照我们与预料方式工作。最近参与了一个Vue.js的项目,在处理父子嵌套组…
Vue 进阶 (七)
批量更新和nextTick 原理 为什么要异步策略 我们之前了解到如何在我们修改了data、中的数据之后修改视图了。其实就是setter Dep watcher patch 视图。 实例 <template>…