打开一个页面时，往往会伴随一些请求，并且会在页面上方出现进度条。它的原理时，在我们发起请求的时候开启进度条，在请求成功后关闭进度条，所以只需要在request.js中进行配置。 如下图所示，我们页面加载时发起了一个请求，此时页面上方出现蓝色进度条 nprogress安装： npm i nprogress ...

多次执行相同的push问题，控制台会出现警告 例如：使用this.$router.push({name:‘Search’,params:{keyword:“…”||undefined}})时，如果多次执行相同的push，控制台会出现警告。 let result = this.$router.push({name:"Search",q...

传参方法 字符串形式 this.$router.push(“/search/”+this.params传参+“?k=”+this.query传参) 模板字符串 this.r o u t e r . p u s h ( " / s e a r c h / + router.push("/search/+router.push("/sear...

vue项目安装vue-router路由 npm install --save vue-router 安装后 vue2中安装低版本路由 npm i vue-router@3

组件页面样式 组件页面的样式使用的是less样式，浏览器不识别该样式，需要下载相关依赖【必须用下面的命令，vue中才不会报错Module build failed: Error: Cannot find module 'less'】 npm install --save less less-loader@5 vue2项目里可以安...

比如在入口文件main.js中，定义一个变量a，但是后面并未使用该变量， 则npm run serve运行程序，会提示错误 error  'a' is defined but never used  no-unused-vars 如何关闭eslint校验？ 打开vue.con...

1、在vue项目中，输入命令行  npm run serve   浏览器实现自动打开功能，需要添加 在配置文件（package.json）中添加 --open 2、浏览器自动打开后，可能会出现网址0.0.0.0:8080页面错误，见图 3、解决方法： 在--open后面再加上--...

vue错误：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次。 所在位置 行:1 字符: 1 解决方法：安装一下vuecli就可以啦 npm install -g @vue/cli 

我正在使用Axios提交一个Post请求，如果请求成功，我想给用户一些确认。但是，我不需要使用response变量，因此我得到了一个eslint错误。如何解决这个问题？ axios.post('/api/option.json', { choices: myChoices }) .then(response =&g...

vue2 安装了vue-devtools 控制台不显示vue 安装了vue-devtools插件，在网页中练习的时候，控制台也显示Vue功能， 但是安装了vue_cli脚手架之后运行npm run serve，控制台不显示Vue功能了。 解决方法： 打开main.js文件，写上Vue.config.devtoo...

css作用域 在style标签上加上scoped,  该组件将有全局style变为局部style <style scoped> .example { color: red; } </style> <template> <div class="example">h...

使用VSCode创建xxx.vue文件 template添加注释报错问题 创建.vue文件 当我们使用vscode创建.vue文件时，需要安装相关支持vue的插件,如：Vetur 1，安装好插件后 2，会出现添加注释报错问题，这应该是所安装的插件存在一定冲突问题，解决添加注释报错问题可以在template标签中添一个d...

v-show v-show 是通过 display 来控制标签进行渲染的，但是 template 标签在 vue 解析后是不会显示在页面上的，是虚拟 Dom，所以无法使用 v-show。 反之 v-if 是可以使用在 template 标签上，因为 v-if 是条件渲染，只要满足 v-if 后的条件就可以完成渲染。 <templa...

1.Vue中常用的按键别名: 回车  =>  enter 删除  => delete (捕获"删除”和“退格”键) 退出 => esc 空格 => space 换行 => tab （不适合用keyup事件 适合用于keydown事件） 上 => up 下 => dow...

Vue.config.productionTip = false为什么不起作用？ 最近跟着网上的视频学习Vue，照着写了一段最简单的代码，原本以为不会有问题，可偏偏就出问题了。 引入开发版的vue.js <script src="../js/vue.js"></script> You are r...

B站视频教程https://www.bilibili.com/video/av594066426/?vd_source=abe97b665919330a824136e7a9abd524 1.下载插件： 将vue-devtools的github项目拷贝到本地， url地址：https://github.com/vuej...