vue
weixin_48992836
这个作者很懒,什么都没留下…
展开
-
echarts立体中国地图的展示
效果图1.首先需要下载echarts,然后在man.js中进行一个引入2.然后需要下载地图插件,然后也在man.js进行一个引入引入echarts,和地图插件import * as echarts from "echarts"Vue.prototype.$echarts = echartsimport china from 'echarts/map/json/china.json'echarts.registerMap('china', china)<template>原创 2021-10-12 15:01:58 · 1301 阅读 · 0 评论 -
Vue Router导航守卫/登录鉴权
1.路由守卫的种类导航守卫导航表示路由发生改变正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。全局前置守卫需要在man.js中创建const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { })当一个导航触发时,全局前置守卫按照创建顺序调用每个守卫方法接收三个参数:t原创 2021-06-06 16:51:11 · 228 阅读 · 1 评论 -
webpack打包优化
1.打包之前必备在根目录的文件下面创建一个vue.config.js文件然后在里面用module.exports导出一个修改资源路径默认的是绝对路径 要的是相对路径在vue.config.js中配置module.exports = { publicPath: ‘./’ }打包的命令行是npm run build打包之前我们需要在vscod中下载一个插件:2.去除多余的sourceMap这样的话会大大减少打包时所占用的内存module.exports={ publicPath: '原创 2021-06-06 15:57:44 · 160 阅读 · 0 评论 -
封装axios,和api的统一管理
封装axios1.在根目录下面创建一个文件夹,在文件夹里面分别创建两个js文件,分别是api.js , http.js2.在http.js中封装axios,同时配置请求拦截器,响应拦截器 // 在http.js中引入axiosimport axios from 'axios'; // 引入axiosimport router from '../src/router';// vant的toast提示框组件,大家可根据自己的ui组件更改。//veux的引入import store fro原创 2021-06-03 16:54:56 · 104 阅读 · 0 评论 -
Vant按需引入的过程
想使用Vant ui框架1.首先通过npm进行一个下载# Vue 2 项目,安装 Vant 2:npm i vant -S然后按需引入也需要下载插件# 安装插件npm i babel-plugin-import -D然后在根目录下面创建.babelrc再创建的文件夹上面引入{ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style"原创 2021-06-03 16:23:33 · 158 阅读 · 0 评论 -
具体的项目流程
1.具体的介绍面试官你好,《去哪了》这个项目是我独立开发的,接下来我给您简单的介绍一下,我从0开始,直到发布上线的流程2.基本的配置过程首先当我拿到这个项目的时候,我要先进行一个项目的大体的流程是什么样子的1.来确定这个项目的整体的框架结构2.然后在确定一些具体的功能模块3.然后就开始创建项目1.在创建项目时,我们可以进行一个手动的配置从而选择我们所需要的东西,比如:路由,vuex, sass, 之类,然后启动项目2.然后的话就是安装一些rem的适配,1px 边框像素问题,字体图标原创 2021-06-02 16:26:58 · 94 阅读 · 0 评论 -
keep-alive是什么?
概念keep-alive是vue提供给我们的一个组件,用来在路由切换的时候保存我们的组件状态,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中作用在组件切换过程中 把切换出去的组件保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性对生命周期函数变化被包含在 keep-alive 中创建的组件,会多出两个生命周期的钩子: activated 与 deactivated缓存整个项目<template> &l原创 2021-06-01 21:10:09 · 180 阅读 · 0 评论