摘要: swiper轮播 [swiper官网] 1、安装swiper5 npm install swiper@5 2、在需要使用轮播图的组件内导入swpier和它的css样式 //引入Swiper import Swiper from 'swiper' //引入Swiper样式 import 'swiper 阅读全文
posted @ 2022-02-06 02:33 黄哈哈。 阅读(302) 评论(0) 推荐(0) 编辑
摘要: nprogress进度条插件 需求:打开一个页面时,往往会伴随一些请求,并且会在页面上方出现进度条。 原理:在我们发起请求的时候开启进度条,在请求成功后关闭进度条 实现:所以只需要在request.js中进行配置,在页面加载时发起了一个请求,此时页面上方出现蓝色进度条,收到响应数据后关闭进度条。在拦 阅读全文
posted @ 2022-02-06 02:08 黄哈哈。 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 使用sass 1、下载 npm i sass node-sass sass-loader style-loader -D 2、在vue.config.js中配置 sass css: { loaderOptions: { sass: { prependData: `@import "@/assets/ 阅读全文
posted @ 2022-02-06 02:04 黄哈哈。 阅读(212) 评论(0) 推荐(0) 编辑
摘要: mock插件使用 [官网] mock(模拟)数据,需要用到mock.js插件。 不会和服务器进行任何通信,拦截前端ajax请求,返回我们自定义的数据用于测试前端接口 1、下载插件mockjs npm install mockjs --save-dev 2、在src中,创建mock文件 3、准备jso 阅读全文
posted @ 2022-02-06 02:02 黄哈哈。 阅读(329) 评论(0) 推荐(1) 编辑
摘要: axios的封装 【官网】 下载 #不仅开发需要,线上程序也需要 npm install axios 一、基本使用 axios(config) axios({ url:'http://123.207.32.32:8000/home/data', method:'get', //专门针对get的参数拼 阅读全文
posted @ 2022-02-06 01:59 黄哈哈。 阅读(469) 评论(0) 推荐(0) 编辑
摘要: ref的使用 一、普通元素绑定ref ,获取dom元素 document.querySelector('.wrapper')这种方式获取dom不好。很多的地方可能都叫wrapper,不准确。 普通元素上添加属性ref <div ref="dd">ddddd</div> 获取使用 console.lo 阅读全文
posted @ 2022-02-06 00:33 黄哈哈。 阅读(131) 评论(0) 推荐(0) 编辑