![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 53
TaotaoPlus
这个作者很懒,什么都没留下…
展开
-
【VUE】echarts,自适应+防抖
什么是echarts中文官网在Vue中使用echarts使用步骤引入echartsnpm i eCharts --save-dev在main.js中引入并注册为全局变量或者也可以只在页面中引用// main.jsimport echarts from 'echarts'Vue.prototype.$echarts=echartsvue页面切记一定要设置高宽,我这里用百分比<div id="pie_chart" style="width:100%;height:95%;"&原创 2021-02-03 00:55:00 · 1373 阅读 · 0 评论 -
【VUE】对data数据的深度监听(多层嵌套数据)
先举个栗子var vm = new Vue({ data: { items: ['a', 'b', 'c'] }})vm.items[1] = 'x' // 视图层不更新值的变化vm.items.length = 2 // 视图层不更新值的变化由于 JavaScript 的限制,Vue视图层不能检测以下变动的数组:当你利用索引直接设置一个项时例如:vm.items[indexOfItem] = newValue解决办法:// Vue.setVue.set(vm.item原创 2021-01-12 11:16:20 · 3330 阅读 · 0 评论 -
【VUE】cli4项目配置CDN资源
前言穷,买的服务器只有1M带宽,加载资源非常的慢,所以考虑是用CDN来加速,通过CDN减轻自己服务器的带宽消耗(资源从别的服务器下载,而不是你自己的服务器),另一方面CDN上的资源一般是你不会轻易修改的,而且浏览器访问之后还会缓存下来,用户再次访问就无需二次下载资源,网站后续的整体访问速度就更快了,同时CDN还可以做加速。接下来以引入Vue和Element为例给我自己的cli4项目配置CDN资源1. 去哪儿找免费CDN1.1 cdnjs 仓库1.2 BootCDNBootCDN 是 Boot原创 2021-01-05 16:29:36 · 582 阅读 · 0 评论 -
【VUE】js-cookie和vue-cookis随便选一个
1. js-cookie1.1 src/utils/auth.js封装用到的操作cookie的函数import Cookies from "js-cookie";const TokenKey = "Admin-Token";export function getToken() { return Cookies.get(TokenKey);}export function setToken(token) { return Cookies.set(TokenKey, token, { e原创 2021-01-04 15:53:16 · 657 阅读 · 0 评论 -
【VUE】在项目中如何封装和使用axios
首先用vuecli4创建的项目结构如下1. 创建文件src/utils/request.js封装axiosimport axios from "axios";import { Message, MessageBox, Loading } from "element-ui";import store from "../store";import { getToken } from "@/utils/auth";// 创建axios实例 service const service = axio原创 2021-01-04 15:21:41 · 487 阅读 · 0 评论 -
【VUE】vuecli4项目优雅使用svg
项目目录如下1. 下载svg-sprite-loadernpm i svg-sprite-loader -D2. 定义svg 组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export default { name: "Sv原创 2021-01-04 07:51:08 · 652 阅读 · 0 评论 -
【VUE】vue-cli4脚手架创建项目
安装node npm cnpm、全局安装vue、@vue/cli注意:关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 卸载它。执行vue init webpack project-name创建项目,参数选择如下...原创 2020-03-11 01:09:35 · 2505 阅读 · 1 评论