自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 Vuex使用

什么是Vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex 可以帮助我们管理共享状态

2021-06-03 19:26:34 129

原创 Vue父子组件传值

1.在Vue项目目录下的src文件夹下的components文件夹中新建一个Childvue文件

2021-05-29 08:40:53 265

原创 Vue路由守卫

路由守卫可以帮助我们识别用户是否进行登录,主要分为两种一种为全局路由钩子,即未登录则只允许进入login页面,一种为路由独享的钩子,只在进入某些页面时判断,未登录

2021-05-28 20:15:29 124

原创 Vue中api的统一封装

在项目过程中,我们需要请求数据

2021-05-28 19:28:39 243

原创 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关注的人

提示
确定要删除当前文章?
取消 删除