vue3输入框生成的时候自动获取焦点前言当我们在做vue3的项目的时候，在对一些信息的修改的时候，需要双击或者点击按钮来进行操作，让数据变成输入框来进行修改数据，当输入框失去焦点的时候就进行保存，然而不方便的是，输入框出现的时候不能获取焦点导致用户的体验不好。创建实例演示（创建文件，可忽略）首先我们需要一个vue3的项目，如何创建一个vue3的项目，新建一个空的文件夹，cmd打开，输入1. vue

一、出现报错最近做一些小demo的时候出现一个错误Component name “index” should always be multi-word二、了解问题给组件命名时没有使用驼峰命名法或横线拼接单词，编译的时候一直报错，实际上是语法检测的问题，语法检查时将不规范的代码当成了错误。注意：语法检查时要求组件名不能是单个单词，因此单个单词如 School 也会报错。三、解决在网上查了一查，很多的

项目场景：vue2创建好项目的时候，在给路由组件取名字的时候，ESLint会爆出错误，需要使用驼峰命名问题描述比如书我们在src下创建一个Home.vue作为我们的一个路由组件vscode提出报错：Parsing error: No Babel config file detected for C:\Users\Admin\Desktop\back\vue-back\src\view\login.

vue里面使用图片的懒加载文章目录前言一、安装相关的包二、使用步骤1.引入2.使用三、关于包的相关构成1. 简单介绍2. 简单操作总结前言什么是懒加载通俗地讲就是需要用到图片的时候再去加载懒加载的好处在于减少服务器的压力,在网络比较慢的情况下，可以提前给这张图片添加一个占位图片，提高用户的体验。一、安装相关的包安装懒加载所需的包npm install vue-lazyload --save二、使用

重写VueRouter的push|replace文章目录前言编写总结前言在进行编程式路由导航的时候，反复点击控制台就会提示报错，为了深入了解编程式路由跳转，以及防止控制台的多次报错需要对VueRouter的原型上的push以及replace进行重新编写！编写找到router/index.js文件，也就是路由的入口文件先将原型的push|replace保存一份：// 先把VueRouter原型对象的

mock数据（自己写的数据）文章目录前言一、准备工作二、使用步骤1.引入包2.创建文件3.编写mockServe.js和数据4.入口引入5.发送请求6.项目使用总结前言mock是什么？Mock简单来理解，就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试。而这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。一、准备工作首先需要准备一个

问题描述起因我在逛一些项目的时候，输入npm i全安装文件所需的依赖的时候，博主是使用sass去书写的，使用的是node-sass@4.14.1和sass-loader@7.3.1的版本的，安装的时候老是出现错误gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variab

报错’<template v-for>’ cannot be keyed. Place the key on real elements instead报错的使用场景在vue3的项目中，不免会遇到v-if和v-for一起使用，但我们知道，这两个是不可以一起使用的，v-for 具有比 v-if 更高的优先级，所以我们需要把v-for写到template中，但是控制台会提示：'<te

vue的swiper使用文章目录一、引入包二、使用步骤1.引入库2.使用一、引入包首先需要下载包npm i swiper@5 --save二、使用步骤1.引入库在我们的入口文件main.js下引入样式// 引入swiper的样式import 'swiper/css/swiper.css'2.使用在需要做轮播的地方引入swiperimport Swiper from 'swiper'swiper的基

axios的二次封装文章目录前言一、基本页面的创建二、使用步骤1.引入相关的包2.编写文件3.编写请求4.解决跨域5.测试使用总结前言为什么需要二次封装api 统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.一、基本页面的创建首先需要准备一个vue的项目先打开需要创建项目的文件夹下方输入cmd打开窗口在窗口输入vue create 项目的名称选择使用vue2.x版本等待创建，完成后进