加载中...
05
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
02
数组(array)方法 数组(array)方法
数组的方法1.map 遍历数组,返回回调返回值组成的新数组 示例 var array1 = [0, 'z', true, 3, 'a'] //先定义一个数组 var str = array1.map((i, index, arr) =>
2022-05-02
04
30
30
报错Component name XXX should always be multi-word 报错Component name XXX should always be multi-word
一、出现报错最近做一些小demo的时候出现一个错误Component name “index” should always be multi-word 二、了解问题给组件命名时没有使用驼峰命名法或横线拼接单词,编译的时候一直报错,实际上是语
2022-04-30
5 / 5