
Vue
不爱吃面的北方人
这个作者很懒,什么都没留下…
展开
-
Vue router页面加载进度条
nprogressrouter.jsimport Vue from 'vue'import Router from 'vue-router'import store from '@/store'import NProgress from 'nprogress' // progress barimport 'nprogress/nprogress.css' // progress...原创 2020-01-09 11:08:25 · 583 阅读 · 0 评论 -
axios request请求封装
import axios from 'axios'// import notification from 'ant-design-vue/es/notification'import message from 'ant-design-vue/es/message'import store from '@/store'import { VueAxios } from './axios'...原创 2019-12-26 18:53:11 · 1446 阅读 · 0 评论 -
Vue 国际化配置
1.npm i vue-i18n2.在main.js中引入vue-i18nimport VueI18n from 'vue-i18n';import messages from './assets/i18n/i18n'Vue.use(VueI18n) const i18n = new VueI18({ local: 'zh_CN', messages,})...原创 2019-09-04 11:06:12 · 181 阅读 · 0 评论 -
生产环境配置url
configUrl(port = 9002){ if(process.env.NODE_ENV === 'production'){ return `http://${location.hostname}:${port}` } return ''}原创 2019-09-04 11:38:44 · 431 阅读 · 0 评论 -
解决Vue 打包后静态文件404问题
https://blog.youkuaiyun.com/qq_30455841/article/details/81240290转载 2019-09-04 16:07:22 · 1978 阅读 · 0 评论 -
Echarts常用配置(折线图阴影渐变,柱状图堆叠,柱状图顶部显示数量,饼图引导线配置,饼图引导线末加圆点效果)
1.折线图与柱状图鼠标hover效果tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据,为数组,在有两个数据(折线图或柱状图堆叠的情况)的情况下可通过params来区分数据源...原创 2019-08-13 16:08:58 · 1528 阅读 · 0 评论 -
Vue2.0使用watch监听对象类数据变化无效
父组件<template> <div> <children :testWatchData1='testWatchData'></children> <button @click="testWatch"></button> </div></template...原创 2019-03-30 14:48:39 · 2595 阅读 · 0 评论 -
Vue中export和export default的区别和用法
Vue是通过webpack实现的模块化,因此可以使用import来引入模块,例如:import Vue from 'vue'import Router from 'vue-router'import util from '@assets/js/util'此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置:resole:{ ext...转载 2019-04-01 17:20:39 · 17454 阅读 · 0 评论 -
Vue webpack打包自动删除debugger和console语句
利用UglifyJsPlugin插件来实现项目打包后,删除debugger和console语句在build/webpack.prod.conf.js文件中添加如下代码plugin:[ new UplifyJsPlugin(){ uglifyOptions: { compress: { warnings: fal...原创 2019-04-11 11:26:22 · 2498 阅读 · 0 评论 -
vue-cli整合vuex的时候,修改actions和mutations,实现热部署
在store.js里面添加如下的代码就可以了:// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutations').default // Vuex 提供的热重载接口 store.hot...转载 2019-04-11 17:22:10 · 244 阅读 · 0 评论 -
使用 ProvidePlugin 插件来处理像 jQuery 这样的第三方包
# 注意这里是 --save 而不是 --save-dev,因为要在线上环境上用 jquery$ npm install --save jquery转载 2019-04-09 17:16:52 · 2641 阅读 · 0 评论 -
vue中封装ajax请求,并且拦截请求在请求头中添加token
/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @param {Object} params 请求方式参数(可以为空) */ function...原创 2019-04-16 13:39:14 · 7729 阅读 · 0 评论 -
Vue中的懒加载
1.路由懒加载export default new Router({ router:[ path:'/myproject', name:'myproject', //懒加载 resolve=>require([URL],resolve) compontent:resolve=>require(['../pag...原创 2018-09-18 15:37:26 · 483 阅读 · 0 评论