Qpzzz-CSDN博客

原创 echarts5.+ 在Vue中按需引入

安装 echarts5.xnpm install echarts --savemain.js里面// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。import * as echarts from 'echarts/core';// 引入各种图表，图表后缀都为 Chartimport { BarChart} from 'echarts/charts';// 引入提示框，标题，直角坐标系等组件，组件后缀都为 Componentimport { T

2021-03-15 13:34:10 898 1

原创 vue-router 之 keep-alive

本文基于 Vue2.0keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。<keep-alive> <component>  </component></keep-alive>propsinclude - 字符串或正则表达，只有匹配的组件会被缓存exclude - 字符串或正则表达式，任何匹配的组件都不会被缓存.

2021-02-03 15:59:42 201

原创 echarts Cannot read property ‘init‘ of undefined报错问题解决

这是因为echarts更新到5.01了，你 npm install echarts --save 安装的是最新版本的echarts，解决报错2个办法：1.降低echarts的版本，例如降到4.8。2.改变main.js里面引入方式：// import echarts from 'echarts'//引入echarts--v4import * as echarts from 'echarts';// --v5Vue.prototype.$echarts = echarts...

2021-02-02 14:12:29 513

原创 git,svn，github,码云之间联系区别

1.git与github（https://www.oschina.net/）的区别git（https://git-scm.com/）是一个版本控制工具github是一个用git做版本控制的项目托管平台。2.码云（http://git.oschina.net/）简介码云是开源中国社区2013年推出的基于 Git 的完全免费的代码托管服务，这个服务是基于 Gitlab 开源软件所开发的，我们在 Gitlab 的基础上做了大量的改进和定制开发，目前已经成为国内最大的代码托管系统，致力于为国内开发者提供优质

2021-02-01 10:21:44 258

原创 vue echarts

Bar<template> <div :class="className" :style="{height:height,width:width}" /></template><script>import echarts from 'echarts'require('echarts/theme/macarons') // echarts themeimport resize from './mixins/resize'const anim

2021-02-01 10:19:54 127

原创 vue mixins的使用

vue mixins的使用官方文档简单:个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改。1.在assets文件夹下创建一个js文件// 创建一个需要混入的对象 export const mixinTest1 = { created() { this.hello(); }, methods: { hello() { console.log('mixinTest1'

2021-02-01 10:11:05 693 1

原创 swiper的使用（触摸滑动轮播组件）

swiper官网及api文档在Vue项目中优雅的使用swiper插件1.npm命令安装swipernpm install swiper --save-dev2.在需要用到swiper插件的组件中引入swiperimport Swiper from "swiper"3.在组件style中引入swiper插件的css(根据自己的项目路径选择)<style lang="scss">@import "../../../node_modules/swiper/dist/css/swip

2020-12-11 14:58:21 298

Qpzzz的博客