vue
_会飞的肥牛
这个作者很懒,什么都没留下…
展开
-
vue.config.js常用配置-cli3.0
vue.config.js常用配置-cli3.0先给个官方文档的链接:https://cli.vuejs.org/zh/config/'use strict'const path = require('path');const webpack = require('webpack');const nowRun = process.env.VUE_APP_TITLE;//当前运行const name = 'xxx后台管理系统'; //浏览器头部得标题function resolve(dir)原创 2021-03-31 22:21:41 · 112 阅读 · 0 评论 -
vue去除生产环境的日志
vue去除生产环境的日志安装插件babel-plugin-transform-remove-console配置babel.config.jsconst plugins = []// 生产环境移除consoleif(process.env.NODE_ENV === 'production') { plugins.push("transform-remove-console")}module.exports = { plugins: plugins, presets: [原创 2021-04-01 22:11:30 · 285 阅读 · 0 评论 -
Vue移动端适配 flexible&px2rem
安装插件npm install postcss postcss-px2rem lib-flexible --savemain.js 引入 lib-flexibleimport 'lib-flexible';创建postcss.config.jsmodule.exports = { plugins: [ require('autoprefixer'), //自动添加前缀 require('postcss-px2rem')( //px转re.原创 2021-05-07 21:01:12 · 203 阅读 · 0 评论 -
Vue使用mock服务器开发
Vue使用mock服务器开发原创 2021-07-17 23:04:19 · 188 阅读 · 2 评论 -
Vue项目关于router.addRoutes 刷新白屏解决方案
直接贴代码这是一个简单例子权限路由是Table注意最后那个{ path: '*', redirect: '/404', hidden: true }这个不能一开始就导入路由,要放到addRoutes里面.如果一开始就导入的话,刷新页面,router会找不到动态路由Table组件,因为这个时候并没有添加进来,router会直接重定向404import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../view原创 2021-09-13 21:11:21 · 1224 阅读 · 0 评论 -
Vue组件的几种传值方式
props和$emit(常用)attrs和attrs和attrs和listeners中央事件总线(非父子组件间通信)provide和injectparent和parent和parent和childrenvuex原创 2021-09-27 15:41:40 · 50 阅读 · 0 评论 -
Vue使用compression-webpack-plugin进行代码压缩
Vue使用compression-webpack-plugin进行代码压缩一、安装插件npm install compression-webpack-plugin --save-dev二、配置vue.config.jsconst CompressionPlugin = require("compression-webpack-plugin")const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;原创 2021-09-29 10:42:06 · 1046 阅读 · 0 评论 -
Vue路由懒加载的常见的2种实现方式
Vue路由懒加载的常见的2种实现方式一、ES6 importimport Vue from 'vue'import Router from 'vue-router'const Login = () => import('@/components/LoginPage.vue')Vue.use(Router)const router = new Router({ routes:[ { path: '/login', name: 'login',原创 2021-09-29 10:58:44 · 291 阅读 · 0 评论 -
Vue项目优化之webpack
Vue项目优化之webpackbabel-plugin-transform-remove-console 生产环境去除consolecompression-webpack-plugin 代码压缩gzproductionSourceMap: false, 配置打包不生成.Map文件路由的懒加载vendor文件的拆包切换多入口模式svg-sprite-loader 使用矢量图babel-plugin-component 插件的按需引入...原创 2021-09-28 21:09:57 · 170 阅读 · 0 评论