加载中...
05
02
深拷贝 深拷贝
深拷贝的几种方式1. 通过JSON的拷贝方式代码如下(示例): // 定义简单的对象 let objC = { a: 'zs', age: 18, arr: [1, 2, 3, 4], obj: {
2022-05-02
02
放大镜效果(vue) 放大镜效果(vue)
使用步骤1.引入相应的包因为使用了less所以这一步不是必须的 npm i less --save npm i less-loader --save 2.样式代码如下(示例): <template> <div clas
2022-05-02
02
Object.assign() Object.assign()
Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。 例子示例代码如下: // 定义第一个对象 const obj1 = { a: 1, b: 2,
2022-05-02
02
vue的swiper使用 vue的swiper使用
一、引入包首先需要下载包 npm i swiper@5 --save 二、使用步骤1.引入库在我们的入口文件main.js下引入样式 // 引入swiper的样式 import 'swiper/css/swiper.css' 2.使用在
2022-05-02
02
mock数据(自己写的数据) mock数据(自己写的数据)
前言mock是什么? Mock简单来理解,就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试。而这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。 一、准备工作首先需要准备一
2022-05-02
02
vuex的集中管理使用 vuex的集中管理使用
一、vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以 相应的规则保证状态以一种可预测的方式发生变化。 二、使用步骤1.安装代码如下(示例): npm in
2022-05-02
02
重写VueRouter的push|replace 重写VueRouter的push|replace
前言在进行编程式路由导航的时候,反复点击控制台就会提示报错,为了深入了解编程式路由跳转,以及 防止控制台的多次报错需要对VueRouter的原型上的push以及replace进行重新编写! 编写找到router/index.js文件,也就
2022-05-02
02
nprogress进度条的使用 nprogress进度条的使用
一、安装所需的包在项目文件打开终端 npm i nprogress --save 二、使用步骤1.引入在axios二次封装的文件下导入 代码如下(示例): // 导入nprogress import nprogress from 'npr
2022-05-02
02
vue里面使用图片的懒加载 vue里面使用图片的懒加载
前言什么是懒加载 通俗地讲就是需要用到图片的时候再去加载懒加载的好处在于减少服务器的压力,在网络比较慢的情况下,可以提前给这张图片添加一个占位图片,提高用户的体验。 一、安装相关的包安装懒加载所需的包 npm install vue-
2022-05-02
02
路由跳转传参 路由跳转传参
一、路由跳转的几种方式 第一种:声明式导航 router-link(必须要有to属性),可以实现路由的跳转2. 第二种:编程式导航 利用的是组件实例的$router.push|replace方法,可以实现路由的跳转 编程式导航优于
2022-05-02
02
axios的二次封装(简洁) axios的二次封装(简洁)
前言为什么需要二次封装 api 统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护. 一、基本页面的创建首先需要准备一个vue的项目 先打开需要创建项目的文件夹下方输入cmd打开窗口 在窗口输入vue create 项目的名称
2022-05-02
02
mock数据 mock数据
前言mock是什么? Mock简单来理解,就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试。而这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。 一、准备工作首先需要准备一
2022-05-02
5 / 6