- 博客(14)
- 收藏
- 关注
原创 Promise简单使用
我们经常会遇到需要请求第一个接口后拿到数据再用这个数据去请求其它接口的情况,这个时候就可以使用promise去解决问题在这里用本地json的形式去请求这里用了jq去请求,可以换成你需要的方式function getData1() {//定义方法请求数据 return new Promise(function (reslove, reject) { $.get('./1.json').then(res => { .
2021-09-25 15:32:58 339
原创 element表格自定义无数据时的样式
<el-table :data="tableData" style="width: 100%"> <template slot="empty">//空状态 <p style="margin-top: 50px;"> <img class="data-pic" src="路径" alt="" /> </p> <p>暂无数据哦</p> &.
2021-08-16 15:34:14 403
原创 Vue实现动态面包屑
面包屑是我们在项目中经常使用的一个功能,一般情况下它用来表示我们当前所处的站点位置,也可以快速回到上个层级。 安装相关依赖npm i element-ui -S安装element-uinpm install vue-router安装vue-routermain.js中引入import Vue from 'vue'import VueRouter from 'vue-router'import ElementUI from 'element-u...
2021-07-09 10:47:48 4688
原创 axios拦截器封装
什么是axios?axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax但ajax不止axios。开始使用之前,我们需要在项目中进行安装axios npm install axios1.在项目目录中新建util文件夹,在该文件夹中新建request.js文件项目目录如上打开index.js文件创建实例impor
2021-06-30 15:09:59 468
原创 Vue3.0
Vue3.0对vue的主要3个特点:响应式、模板、对象式的组件声明方式,进行了全面的更改,底层的实现和上层的api都有了明显的变化,基于Proxy重新实现了响应式,基于treeshaking内置了更多功能,提供了类式的组件声明方式。而且源码全部用typescript重写。以及进行了一系列的性能优化。...
2021-06-19 19:54:25 281
原创 Vuex模块化
Vue简单实用请访问https://blog.csdn.net/weixin_51497206/article/details/117510658?spm=1001.2014.3001.5501本文主要讲述vuex模块化使用为什么要使用模块化?模块化使用是为了让合作开发更方便,不容易产生git冲突,也是为了让项目代码更清晰合理,便于管理。另外就是命名空间的问题,就是为了让当前vuex模块里的状态名,函数名不和其他的空间相冲突,但是调用时要加上模块名1.打开vue项目目录下的src文.
2021-06-15 16:47:27 304
原创 Vue路由守卫
路由守卫可以帮助我们识别用户是否进行登录,主要分为两种一种为全局路由钩子,即未登录则只允许进入login页面,一种为路由独享的钩子,只在进入某些页面时判断,未登录
2021-05-28 20:15:29 124
原创 sessionStorage与localStorage
sessionStorage与localStorage都是本地存储的一种方式,主要用于存储一些信息以便于开发者使用1.sessionStorage为临时存储,也叫会话存储,存储的值只要浏览器不关闭就一直存在,存储方式为 sessionStorage.setItem('key',value)这种存储方式会将数据存入浏览器的临时存储中,以谷歌浏览器为例,点击F12键,再点击Application,再点击Session Storage即可看到临时存储的数据。<!DOCTYPE ht...
2021-05-15 13:05:43 1311
原创 Vant 安装使用
Vant 是开源的移动端组件库,于 2017 年开源。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。1.首先,我们需要安装Vant,在现有的Vue2.0的项目中,可以通过npm安装安装命令为 npm i vant -Snpm i vant -Snpm i 只下载文件,npm i -S 不仅下载文件,还会写入 package.json,以后 npm i的时候,会读取 package.json 自动安装。2.安装完成后,可以选择在main..
2021-05-15 12:40:47 1696 2
原创 vue ui 创建vue模板
此文章用于使用vue ui 创建vue的模板1.首先,我们需要安装node 以及 npm如果不清楚是否安装 可以用按Windows键+R键打开cmd窗口 输入node -vUsers/后边为用户名 ,如果弹出版本号,则说明已经安装。如果提示 node 不是'node'不是内部或外部命令,也不是可运行的程序,则说明node尚未安装,可以到下边网址处下载对应安装程序。https://nodejs.org/en/node官网下载完毕运行程序安装完毕即可使用,由于新版的node已...
2021-05-15 12:19:59 321
原创 数组去重的几种方法
数组去重是一个非常常见的问题,虽然前端一般并不会处理这样的数据,但是如果有需求的话,那我们就必须要做出来,这里提供几种方法。1.for循环原理是用for循环遍历数组,判断是否有相同的值,如果有,则删除对应值需要注意的是 这种方法会修改原数组的值2.for循环配合indexOf那么如何不修改原数组的值并且完成去重呢?原理仍然是使用for循环遍历,但是创建了一个新的数组,让这个新的数组判断是否包含要去重的数组中的值,如果不包含则使用push方法添加进新数组。此方法会将去重后.
2021-04-24 17:45:54 402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人