Vue
清风细雨_林木木
把复杂的知识简单到通俗易懂。
展开
-
configureWebpack 和 chainWebpack 区别
适用于简单的配置修改,而则更适用于复杂的、需要灵活定制的配置修改。原创 2024-05-12 21:25:43 · 730 阅读 · 0 评论 -
Vue localhost 中查看 proxy 后的实际访问IP地址
在使用vue-cli脚手架时,我们为了做到本地跨域会设置proxy达到跨域调用的效果,但是不方便查看实际调用IP地址,这个时候就需要logLevel属性了。原创 2023-02-07 21:50:54 · 3858 阅读 · 4 评论 -
vue keep-alive的作用和使用总结
keep-alive是 Vue 的内置组件,包裹动态组件时,会缓存不活动的组件实例,该组件将不会销毁。原创 2023-02-03 11:27:57 · 874 阅读 · 0 评论 -
vue中$emit传递多个参,“ arguments”“$event”的使用
使用$emit从子组件传递数据到父组件时,主要有以下3类情况。原创 2023-01-31 12:47:23 · 3068 阅读 · 0 评论 -
在js文件中引入Vuex 和 Vuex 模块化说明
由于这个vuex是一个整体,所以必须把store文件夹整个引入到文件中。原创 2022-11-21 22:18:21 · 1797 阅读 · 0 评论 -
Vue使用axios发送两次请求,多了options 请求
Vue使用axios发送两次请求,多了options 请求原创 2022-11-17 00:18:28 · 1685 阅读 · 0 评论 -
前后端分离,发起axios请求,无法获取response header的内容
前后端分离,发起axios请求,无法获取response header的内容原创 2022-11-15 23:45:08 · 3184 阅读 · 0 评论 -
JS获取URL参数的4种方法总结
JS获取URL参数的4种方法总结原创 2022-11-15 07:18:07 · 23699 阅读 · 0 评论 -
Vue获取url路由地址、参数
Vue实时获取路由地址和参数原创 2022-11-15 07:07:13 · 6233 阅读 · 0 评论 -
Vue发布Tomcat页面空白不显示内容
【代码】Vue发布Tomcat页面空白不显示内容。原创 2022-11-04 21:23:05 · 965 阅读 · 0 评论 -
线下安装Nginx
参考:http://t.zoukankan.com/giswhw-p-15214761.html。原创 2022-11-02 11:42:32 · 455 阅读 · 0 评论 -
Vue中使用插槽/具名插槽传值,父组件引用报错:Converting …… JSON at JSON.stringify?
只能需要哪个值就直接取哪个值(比如 {{scope.arrName}} ),如果想查看。但是,只要在父组件中直接使用{{scope.arrName}} 就能正常。原创 2022-10-20 07:23:47 · 580 阅读 · 0 评论 -
Vue-cli脚手架2.0和3.0创建项目的区别
一般表示下一个发布的版本,但它只是一个标识,用来找到对应的版本,需要项目开发者打包上传的时候手动添加。(人话就是,@next 一般表示最新版本,但实际还是要看开发者设置的具体是什么)安装 node.js -> 安装webpack -> 安装vue脚手架 -> 启动vue ui ,即可启动。存在vue-cli3.0后,安装2.0需要一个。才能使 vue-cli 2.x创建项目。vue-cli2.0 配置主要通过,vue-cli3.0 中,主要通过。,会对应到模块的一个具体版本;原创 2022-10-16 21:11:40 · 451 阅读 · 0 评论 -
项目首次打开弹出提示页面效果
的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。除非主动删除数据,否则数据永远不会消失。的生命周期是在仅在当前会话下有效。引入了一个“浏览器窗口”的概念,sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭,即使刷新页面或者进入同源另一个页面,数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口/同一个页面,sessionStorage也是不一样的。原创 2022-09-13 14:00:12 · 498 阅读 · 0 评论 -
Vue报错:Component name “Home“ should always be multi-word
报错的大概意思是: 组件名“Home”应该总是多字的vue/多字的组件名。看了网上很多人都去把eslint关了╮(╯▽╰)╭。是一定要开的,至于为什么自己可以找点资料看一下。个人建议千万不要,团队开发。......原创 2022-08-18 19:31:46 · 2126 阅读 · 0 评论 -
vue报错:“TypeScript intellisense is disabled on template.” 解决
这些模式只在代码生成阶段起作用 - 类型检查并不受影响,这样在检测的时候就不会报错了,因为后面也没有使用ts所以能解决问题就行,不用深究。原创 2022-08-18 19:17:39 · 1069 阅读 · 0 评论 -
Vue-cli3.x配置文件vue.config.js,配置组件
vue.config.js 是一个可选的脚手架配置文件,会更新 webpack.config.js 中对应的配置项。修改完成后需要重新执行 npm run serve。原创 2022-08-15 15:04:44 · 1162 阅读 · 0 评论 -
Vue中debugger报错 unexpected ‘debugger’ statement no-debugger
eslink规则没有开启’debugger’ ,被规则屏蔽了,需要手动放开。(意外的“调试器”语句没有调试器)Vue中debugger报错。原创 2022-08-15 13:37:22 · 6285 阅读 · 0 评论 -
不同命令创建Vue项目vue init/vue create
vue-cli3.0 项目初始化方式,目前模版是固定的。模版选项可以自由配置,创建出来的是vue-cli3.0的项目,与vue-cli2.0项目结构不同,配置不同,具体配置方法参考官网。备注:vue-cli2.0 向 vue-cli3.0 迁移只需要把static目录复制到public目录下。vue init 是vue-cli2.0的项目初始方式,webpack是官方推荐标准搭建。...原创 2022-08-15 12:30:38 · 1042 阅读 · 0 评论 -
Promise与await 的使用
常用函数。原创 2022-08-14 04:51:17 · 368 阅读 · 0 评论 -
Echarts之极坐标柱状图标签自定义实例
代码】Echarts极坐标柱状图标签自定义实例。原创 2022-08-10 23:33:56 · 1152 阅读 · 0 评论 -
安装vue-cli报错:WARN config global `--global`, `--local` are deprecated. Use `--location=global`…….
这主要是因为我使用的的是mac,一般mac在安装某些软件时候是需要管理员权限的。降低nodejs版本,我选择的是。可能是nodejs版本过高。因此这里只要在命令前加。原创 2022-08-07 22:04:03 · 485 阅读 · 0 评论 -
安装Homebrew提示:Failed to connect to raw.githubusercontent.com port 443
参考:https://www.cnblogs.com/jacktu/p/12868222.htmlHomebrew是 macOS(或 Linux)缺失的软件包的管理器$(curl)但由于国内网络防火墙问题,导致GitHub的域名解析被污染无法下载。原创 2022-08-07 20:48:15 · 2253 阅读 · 0 评论 -
Axios在vue项目中的基本用法
axios框架全称(ajax – I/O – system)基于promise用于浏览器和node.js的http客户端,因此可以使用Promise API。原创 2022-08-03 23:44:46 · 446 阅读 · 0 评论 -
Webpack配置之source-map的使用
source-map是一种构建了处理前的代码和处理后的代码之间的桥梁的机制。主要是方便开发人员的错误定位。source-map产生.map文件inline-source-map不会生成.map文件,source-map以base64形式放到js文件里cheapcheap报错提示信息只精确到行,不用精确到列,性能更好modulemodule模式会对三方库、loader等的也负责。..................原创 2022-08-02 13:14:12 · 1022 阅读 · 0 评论 -
VSCode更改插件的安装位置
在打开的VSCode的属性,如上图,修改目标(T)的文本框中输入“D\VSCode\Code.exe”--extensions-dir“D\VSCode\extensions”在cmd中,输入命令code--extensions-dirD\VSCode\extensions。双击VSCode的快捷方式图标,启动vscode,加载指定路径下的插件,然后安装的插件会放到指定的目录。回车,启动VSCode,加载指定路径下的插件,然后安装的插件会放到指定的目录。......原创 2022-07-29 15:29:29 · 3705 阅读 · 0 评论 -
Javascript之File和Blob函数的使用、创建文件上传服务器
它是以下两个值中的一个“native”,代表行结束符会被更改为适合宿主操作系统文件系统的换行符,或者“transparent”,代表会保持blob中保存的结束符不变。上面的代码会对二进制数据生成一个URL,这个URL可以放置于任何通常可以放置URL的地方,比如img标签的src属性。需要注意的是,即使是同样的二进制数据,每调用一次URL.createObjectURL方法,就会得到一个不一样的URL。选项对象,包含文件的可选属性。文件名称,或者文件路径;...原创 2022-07-27 09:11:36 · 2825 阅读 · 0 评论 -
vue-cli 配置使用总结(新)
1什么是vue-cli2为什么会有多种`vue.config.js`配置?3vue.config.js的基ue.config.js风格一风格二4具体配置元素4-7pages4-24pwa5Babel6ESLintvue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。............原创 2022-07-25 12:41:20 · 3435 阅读 · 0 评论 -
runtimecompiler 和 runtimeonly是什么
模板渲染DOM模式template->ast->render->vdom->UI。模板渲染DOM模式render->vdom->UI。runtimeonly优点性能更高,代码量更少。原创 2022-07-23 18:13:28 · 307 阅读 · 0 评论 -
数据提交类型 Request Payload 与 Form Data 的区别总结
FormDataRequestPayload(http请求体模式)FormData(表单请求体模式)和备注表单(POST请求)的编码类型含义默认编码方式,将数据编码成键值对形式表单文件上传text/plain字符串型,数据获取方式getInputStreamContent-Type的差异模式类型ajaxContent-Type默认为“文本”类型form提交Content-Type默认为“Form”类型axios传递字符串https。.........原创 2022-07-21 00:13:07 · 1887 阅读 · 0 评论 -
Echarts之X轴标签倾斜显示/换行显示
代码】EchartsX轴标签倾斜显示/换行显示。原创 2022-07-20 22:29:37 · 2748 阅读 · 0 评论 -
Git 常用命令、代码合并
演示:// 1.找到指定文件位置,查看文件历史git log main.js// 2.赋值版本号,回滚到指定位置git checkout xxxxxxx main.js// 3.再次提交git commit -m '文件回滚'原创 2021-04-30 17:26:41 · 1898 阅读 · 0 评论 -
vue 页面及内部子组件加载结束以后触发
在页面调用好的时候总是遇到需要页面渲染结束以后才调用的需求,今天总结一下。原创 2022-07-20 15:49:10 · 7007 阅读 · 1 评论 -
vscode常用插件和工具
vscode 常用插件原创 2020-02-26 10:05:52 · 2437 阅读 · 0 评论 -
Element 源码解析笔记
参考https。原创 2022-07-15 23:11:19 · 573 阅读 · 0 评论 -
Vue项目中使用‘复制’按钮
代码】Vue项目中使用‘复制’按钮。原创 2022-07-14 20:54:52 · 678 阅读 · 0 评论 -
Vue 拦截器 多接口调用 实现唯一loding效果 解决同步接口调用loding闪动
1.引入及其他2.创建loding函数,添加技术变量3.创建axios实例4.请求拦截器5.响应拦截器6.优化解决同步接口闪动说明:以上对于异步接口多接口已经可以有效解决了,但是很多时候在框架封装的时候我们还会遇到的调用情况,由于存在依赖关系就必须一个一个调用,导致出现loding闪现的效果,对于这种情况我们可以使用延时解决。实例:解析:由上面的方法我们可以看到当要执行关闭时,我们添加。下一同步接口调用时就会判断是否存在,存在就直接清除使,以此类推,直到没有下一接口调用时,我们才执原创 2022-06-30 21:24:40 · 1264 阅读 · 2 评论 -
Vue3.0项目的搭建到开发
Babel、Router、CSSPre-processors、Vuex和Linter/Formatter。由于这个项目我需要typescript开发,所以再选中一下typescript。是否保存本次配置(保存之后在下次创建项目时即可选择预设置项)使用Babel与TypeScript一起用于自动检测的填充。如果已经安装了旧版的可以通过。卸载后,重新安装最新版本。,自定义自己需要的配置(选择一种css预处理器。使用类风格的组件语法?直接网上下载安装即可。选择代码格式化检测。............原创 2022-06-27 06:14:35 · 452 阅读 · 0 评论 -
多接口调用,使用Promise.all、Promise.race和Promise.any
1.Promise.all 使用简介:可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,,而。实例:结果:打印结果:说明: 意思就是说,里面哪个结果获得的快,就返回那个结果,。结果:...............原创 2022-06-20 23:18:39 · 877 阅读 · 1 评论 -
解决页面高度和宽度问题
大纲1.宽度界面制定基准宽度2.高度页面进入以后监听height属性1.宽度界面制定基准宽度因为是左右布局的管理界面,使用做菜单固定,右菜单最小值方法。注意flex的宽度属性// flex-basis 属性,结合 flex-grow 和 flex-shrinkflex-basis:xxx // 基准宽度flex-shrink:0 // 缩小比例 设置为0 不进行缩小flex-grow:1 // 放大比例 存在剩余空间放大注意: flex:1 是 flex-g原创 2022-05-18 07:51:21 · 637 阅读 · 1 评论