liguangda的博客

echarts中水球图插件的使用过程中的注意点：1.报错："export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决：echarts版本不行，下载 npm i echarts@4.9.0 -S2.没有水球效果解决： 下载这个版本 npm i echarts-liquidfill@2.0.6<template> <div class="waveChart"> <

echarts的使用–按需引入1.给一个有宽高的DOM容器。2.要在mounted中加载，确保DOM生成。<template> <div id="main" style="width:500px;height:400px"></div></template><script>import * as echarts from 'echarts/core';import { TitleComponent, Toolti

v-charts的使用–按需引入1.要给一个DOM容器。<template> <ve-pie :data="chartData" class="pie"></ve-pie></template><script> import VePie from 'v-charts/lib/pie.common' export default { data () { return { c

路由守卫路由守卫：是什么​ 在路由跳转之前、之中、之后触发的钩子函数（类似于生命周期）分类​ 全局守卫 -- beforeEach：全局前置守卫：在切换路由之前触发​ – beforeResolve：全局解析守卫：之中​ – afterEach：全局后置守卫：之后​ 路由守卫 beforeEnterconst router = new VueRouter({ routes: [ { pa

Vux的基本模块化目录：1.在store文件夹下创建modules文件夹，modules文件夹下的index.js用来汇总Vuex的模块，并统一暴露。这样只需在store的配置中引入modules即可。// 汇总所有vuex的模块import home from "./home";import login from "./login";// 统一暴露出去export default { home, login,};2.modules文件夹下，用来设置每个模块的状态管理配置。例

VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单地说：对vue应用中多个组件的共享状态进行集中式的管理(读/写)安装npm install vuexyarn add vuex在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)

Vue RouterVue Router 是 Vue.js 官方的路由管理器。用 Vue.js + Vue Router 创建单页应用。SPA的理解单页Web应用（single page web application，SPA）整个应用只有一个完整的页面，页面变化都是在这一个页面更新的点击链接时, 不会刷新整个页面，只会做页面的局部更新，也会更新浏览历史（地址）点击链接也不会向服务器发请求，数据都需要通过ajax发送请求, 并在前端异步展现简述前端路由的原理点击链接不会

Vue-clivue-cli是vue官方提供的脚手架工具 command line interface通过 @vue/cli 实现的交互式的项目脚手架。安装npm install -g @vue/cli# ORyarn global add @vue/cli查看版本vue --version升级npm update -g @vue/cli# 或者yarn global upgrade --latest @vue/cli创建一个项目vue create my-proj