Vue
关注
分享
扫一扫
步步静心
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Promise
Promise原创 2022-09-06 16:24:42 · 853 阅读 · 0 评论 -
箭头函数理解
箭头函数转载 2022-08-12 10:01:10 · 655 阅读 · 0 评论 -
elementui示例在线运行
element-ui在线运行配置原创 2022-08-05 15:08:40 · 3419 阅读 · 1 评论 -
Error: Rule can only have one resource source (provided resource and test + include + exclude)
vue项目运行npm run dev / npm run serve后报错：Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "type": "javascript/auto", "include": [ {} ], "use": []} at checkResourceSource (D:\Program Files\vu转载 2022-02-09 21:38:39 · 11263 阅读 · 1 评论 -
添加elementui插件时,出现The project seems to require yarn but it‘s not installed.
初始化项目中存在 yarn.lock文件， cli会判断如果项目中存在yarn.lock文件，就使用yarn运行命令，也就是说包管理器用的yarn,可在VueCLI3如何更改安装时的包管理器中查看具体细节vuecli3.x.x创建vue项目的时候，会默认选择使用yarn作为包管理器。常用的包管理器有yarn 和 npm，可根据习惯修改包管理器修改若要选用yarn，可采用以下方式解决：npm install -g yarn...原创 2022-02-08 17:30:19 · 1783 阅读 · 0 评论 -
vue项目启动成功发现端口号和配置中的端口不一致
在vue.config.js文件下配置的port为8082，项目启动，控制台显示的是8083can be overwritten by process.env.PORT, if port is in use, a free one will be determined可以被process.env.PORT覆盖，如果端口被使用，将确定一个空闲的端口（vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推…8080+n，端口号默认是8080）问题原因：是因为项目中8原创 2021-11-18 09:35:15 · 8380 阅读 · 0 评论 -
vue项目使用axios发送post请求，返回403 status code情况
浏览器里看到的如下：post请求，在谷歌浏览器里看到的是options根据 CORS 的标准，当浏览器发送跨域请求时，如果请求不是GET或者特定POST（Content-Type只能是 application/x-www-form-urlencoded, multipart/form-data 或 text/plain的一种）时，强烈要求浏览器必须先以 OPTIONS 请求方式发送一个预请求(preflight request)，从而获知服务器端对跨源请求所支持 HTTP 方法。在后端设置opti转载 2021-11-17 09:10:29 · 4580 阅读 · 1 评论 -
Uncaught (in promise) Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/“ via
详细错误如下：出错原因：vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能解决方案：方案1.使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息this.$router.push(’/location’).catch(err => ())方案2.全局解决：替换路由的Push和replace方法，放在src/router/index.js中：import Router from 'vue-router'const ori转载 2021-11-16 16:30:23 · 5649 阅读 · 2 评论 -
vue项目加载进度条
在vue项目开发中，给项目添加进度条来展示界面是否已经完成加载1.添加：npm install nprogress2.在使用js文件中引入对应的文件import NProgress from 'nprogress' // 进度条import 'nprogress/nprogress.css' // progress bar style3.开启进度条 NProgress.start()4.隐藏进度条NProgress.done()NProgress.configure({ show原创 2021-11-12 09:41:24 · 1399 阅读 · 1 评论 -
npm --save参数说明
当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。–save和–save-dev可以省掉你手动修改package.json文件的步骤。 npm install module-name --save自动把模块和版本号添加到dependencies部分 npm install module-name --save-dev自动把模块和转载 2021-11-10 14:20:43 · 16450 阅读 · 0 评论 -
vue开发者调试工具可用
教你如何安装Vue3.0的开发者工具，在线安装、离线安装（内含扩展包）转载 2021-11-02 16:12:26 · 493 阅读 · 0 评论 -
Vue项目组织描述
详细查看Vue项目组织规范原创 2021-10-27 16:11:08 · 186 阅读 · 0 评论 -
vue中render: h =＞ h(App)含义？
new Vue({ el: '#app', router, store, render: h => h(App)})=>是ES6的箭头语法//ES5function (h){ return h(App);}//ES6h => h(App);render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}等价于转载 2021-10-27 15:59:46 · 919 阅读 · 0 评论 -
vue import..from..说明
import Vue from 'vue'import axios from 'axios'import App from './App'import store from './store'import router from './router'import Vue from 'vue'//完整写法：//这里还要具体根据引入文件的位置写具体的相对路径到node_modulesimport Vue from "/node_modules/vue/dist/vue.js" //从nod原创 2021-10-26 17:13:27 · 1359 阅读 · 0 评论 -
export，export default，import 使用说明
注意：配置nodejs的环境变量. 在项目目录中进行npm命令时,可能会报错：‘npm’不是内部或外部命令,也不是可运行的程序或批处理文件错误故需要将node的安装目录配置到环境变量的PATH下4 启动命令(可参考README.md)...转载 2021-10-26 16:02:05 · 2798 阅读 · 0 评论 -
github拉取vue项目启动时出错问题npm ERR!
安装node.js访问http://nodejs.cn/download/ 安装对应的版本菜鸟Node.js安装说明安装成功查看命令如果获得了以上输出结果，说明已经成功安装了Node.js注意：配置nodejs的环境变量，因下面在项目目录中进行npm命令时，报出‘npm’不是内部或外部命令，也不是可运行的程序或批处理文件错误故需要将node的安装目录配置到环境变量的PATH下下载项目git clone git项目地址启动项目进入项目目录并installnpm instal原创 2021-10-25 15:34:03 · 1396 阅读 · 0 评论 -
简单创建vue实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建vue实例基本结构</title> <script src="../js/vue.js"></script></head><body><div id="app">{{message}}</div&g原创 2021-06-22 10:15:49 · 670 阅读 · 1 评论 -
Vue基本语法
先创建个vue模板<div id="app"> {{message}}</div><script src="../js/vue.js"></script><script> const app = new Vue({ el:'#app', data:{ mess...原创 2020-03-07 23:10:01 · 135 阅读 · 0 评论