
VUE
Vue学习之路
发福的熊猫
java、C#、前端开发工程师,主职前端开发
展开
-
记录一次vite代理不成功的奇葩问题
记录一次vite代理不成功的奇葩问题可不知怎么回事就是,代理配置没有任何问题,可是接口就是代理失败,研究了一下午各种搜索、各种测试,代理的监听器也加了,最后才发现了这个奇葩问题。代理成功之前我浏览器访问地址是,咋一看也没有问题,可这个奇葩的问题就在这,通过localhost的方式访问就会一直代理不成功。当我使用 IP地址访问时,代理起作用了。搞了一下午原来是我的访问方式不对,太搞人了,做一个码农可真是永远都在填坑。印象中,之前用vue2+vue-cli似乎也出现原创 2023-05-29 18:50:45 · 4561 阅读 · 3 评论 -
vue不同开发方式引用vue文件讲解
vue不同开发方式引用vue文件讲解原创 2023-05-25 13:42:57 · 1642 阅读 · 0 评论 -
SVGO使用
在对svg文件进行解析压缩时使用到了svgo这个插件,碰到一些坑做下记录使用svgo时需要注意版本,2.0以前支持yml配置文件,2.0以后不再支持yml,只支持js配置文件,并新增了extendDefaultPlugins方法v1.+用法v2.+法...原创 2021-08-01 16:10:19 · 4361 阅读 · 0 评论 -
Vue项目环境搭建
参考两位网友的内容:第一位网友内容第二位网友内容一、安装Node.js(js的运行环境)1.在Node.js官网https://nodejs.org/en/download/下载安装包。2.下载后进行安装。3.打开命令行,输入node -v可以查看到版本号。输入npm –v可看到npm版本号。新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node...原创 2018-09-17 17:02:49 · 300 阅读 · 0 评论 -
npm命令集合
作为一个新手,不得不做做笔记,把这些命令都记下来npm ls 查看安装的模块npm ls -g 查看全局安装的模块及依赖 npm install :项目依赖安装npm install xxx :安装xxx模块npm install xxx@1.0 :安装xxx模块的版本为1.0npm install xxx -g -save -devnpm ins...原创 2019-01-30 11:24:29 · 222 阅读 · 0 评论 -
npm设置为淘宝镜像
临时使用:npm --registry https://registry.npm.taobao.org install express永久使用:npm config set registry https://registry.npm.taobao.org查看npm的镜像地址:npm config get registrynpm默认的镜像地址:https://registry.npmjs...原创 2019-01-30 10:16:39 · 1184 阅读 · 0 评论 -
Vue组件之间的通信交互
Vue组件之间的通信,我目前只知道两种,一种是$emit,父与子组件之间的通信交互,亦可实现通过”子——父——子“实现兄弟组件通信交互;第二种是Vuex,通过Vuex的核心store可实现任何组件之间的通信交互,不区分子父组件还是兄弟组件之间。需要注意的是,Vuex适合中大型项目,或者项目中组件之间通信交互比较多的话可以用,通信交互比较少的话还是用第一种吧!demo以后写,现在上班时间,嘿...原创 2018-09-12 15:21:21 · 323 阅读 · 0 评论 -
Vue Cli3.0 使用jquery
注意这里配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法一、安装jquery npm install jquery --save二、一般安装成功后在package.json文件内的dependencies项中会有"jquery": "^1.12.4",如果没有可以手动添加。需要注意的是,现在我们都是直接使用模板创建项目的,所以第一步是可...原创 2018-11-15 09:39:34 · 26581 阅读 · 11 评论 -
Vue实现自定义拖拽元素
在其他网友的基础上改的,实现在格边缘上实现拖拽功能//html<div class="video_box" @mousemove="onMoveBoxBefore">//jsonMoveBoxBefore(e) { let box = e.target; let _xl = e.offsetX, _xr = box.clientWidth - e.offs...原创 2018-11-29 18:30:57 · 2766 阅读 · 0 评论 -
Vue学习踩坑记录
学如逆水行舟,不进则退。进了新公司,里面都是高材生,我这种菜鸟得跟上脚步才行,努力追赶,上一家公司用的技术太low了,现在的新公司用了vue,学习一下,踩坑中。。。一、Vue项目环境搭建二、Vue项目问题集 ‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件 三、Vue组件之间的通信交互...原创 2018-09-12 15:12:23 · 244 阅读 · 0 评论 -
Vue提示Expected Boolean, got String
提示错误为type check failed for prop "XXX". Expected Boolean, got String.既:属性“XXX”类型检查失败。预期的布尔值,得到字符串。很明显“XXX”这个属性希望得到类型是布尔类型,结果得到了字符串。解决方法就是在“XXX”这个属性前面加上“ : ”即可...原创 2018-12-27 14:34:50 · 24260 阅读 · 5 评论 -
IIS部署Vue项目后非history模式下刷新404
配置URL重写规则1.检查在iis是否安装了URL重写工具,如果没有安装则安装,否则无法解决。怎么安装可参考 iis url重写安装2.添加URL重写规则方式一:直接在在iis上配置规则,怎么配置可网上查找方式二(推荐):.在发布后的VUE项目根目录下添加的web.config配置文件,内容如下<?xml version="1.0" encoding="utf-8"?&...原创 2018-12-21 10:58:20 · 1827 阅读 · 0 评论 -
‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件
当使用cnpm run dev命令时出现了‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件这个问题,出现这个问题应该是node_modules文件夹里面的文件出问题了或者项目种没有node_modules文件夹,我解决的方式就是用npm install或cnpm install命令重新安装一次就行了...原创 2018-09-17 17:20:32 · 842 阅读 · 0 评论