![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
优化
古迪红尘
这个作者很懒,什么都没留下…
展开
-
使用路径别名@的时候可以提示路径 和 eslint在做风格检查的时候忽略 dist
1,当我们使用路径别名@的时候可以提示路径和src同级目录下创建jsconfig.json{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"], } }, "exclude": ["node_modules", "dist"]}2,eslint在做风格检查的时候忽略 dist 和 vender 不去检查和src同级目录下创建 .eslintignore(不要忘了原创 2021-10-06 18:59:18 · 345 阅读 · 0 评论 -
表格删除优化
原创 2021-09-25 18:18:10 · 68 阅读 · 0 评论 -
vue组件缓存keep-alive的使用
目标防止组件频繁创建和销毁防止网络请求重复无用执行在App.vue中的router-view外层套上一个keep-alive组件缓存的一级路由页面切换不被释放, 但是首页还是会重新请求数据二级路由页可以套上一个keep-alive组件对router-view使用exclude属性来区别, 哪些页面组件可以缓存特别注意exclude里是组件的name名字(跟路由没什么关系)<template> <div> <keep-alive :excl原创 2021-08-31 23:17:55 · 114 阅读 · 0 评论 -
vue-router中的meta ,保存组件窗口滚动位置
注意:keep-alive不会缓存滚动条的位置的第一步,去router/index.js路由对象/home, 上添加meta额外信息Vue.use(VueRouter)const routes = [ { // 根路径 的 重定向 path: '/', redirect: '/layout'// 重定向 }, { // 首页 path: '/layout', component: Layout, redirect: '/layout原创 2021-08-31 22:45:44 · 371 阅读 · 0 评论 -
优化_路由-全局前置守卫beforeEach和进度条优化
目标:登录成功时, 不允许切换路径进入登录页面可以在在和man.js同级处,建个permission.js文件步骤:全局前置守卫判断// 权限管理// 对路由做守卫 - 路由对全局前置守卫 router.beforeEach((to, from, next) => { })// 目标:没有登录,很多页面不能访问import router from './router'import store from './store'// 白名单 - 不需要登录就可以访问的页面const whit原创 2021-08-30 23:06:34 · 231 阅读 · 0 评论 -
vue路由懒加载
import Vue from 'vue'import VueRouter from 'vue-router'// 不需懒加载的组件,不需要改变import Login from '@/views/Login'import Layout from '@/views/Layout'import Home from '@/views/Layout/Home'// 路由懒加载,写成函数的格式 webpack打包的时候,看到这个标识就不会不加载这个js文件// webpackChunkName 用原创 2021-08-30 22:25:27 · 88 阅读 · 0 评论 -
vue防抖和节流
// 获取联想菜单 getSearchSuggFn () { //>>>>>>>防抖 // 1. 关闭 上一次 延迟器 if (this.timerId) { clearTimeout(this.timerId) } // 2. 重新开启一次延迟器,如果在 500 毫秒之内又 // 再次 输入了,那么这个延迟器 就会 被 关闭 this.timerId = set原创 2021-08-28 20:32:05 · 74 阅读 · 0 评论