Vue
关注
分享
扫一扫
文章平均质量分 50
Vue
parade岁月
parade岁月
展开
-
使用ts封装axios时增加的一些类型判断
在上面做的一个补充之外，还可以正常做axios做。我在ts项目中使用axios时，遇到两个困惑。针对以上两三点做了以下封装。原创 2023-07-30 21:56:04 · 656 阅读 · 0 评论 -
Vue3的组合式api的那些不太方便的地方
Vue3的组合式api很香，但是也有一些不太方便的地方。下面给出一种解决方案，整理自codewhy老是的视频课。关于watch的原理还不太明白，后期补上。在vue3中组合式api中使用vuex的map系列函数时，是无法使用展开语法的。在vue3中观察一个响应式对象时，得到的新值和旧值是一样的，这在有时候就不方便。vuex中的map系列函数。原创 2022-09-25 20:49:45 · 959 阅读 · 0 评论 -
Vue3中观察ref定义的数组的用法大全
数组是JavaScript常用的一种数据格式，在Vue3中使用数组作为响应式数据，应该有两种方式，一种是用包裹，一种是用，一般来说，用定义基本数据，用数据，之所以大家都喜欢用定义数组，可能是改变(清空或者重新赋值)数组方便,直接,这就造成了用监听定义的数组有不同的写法首先数组的变化分两种1️⃣数组本身的变化(数组长度的变化)2️⃣数组元素的变化数组被替换，常规写法，这样可以检测到变化使用数组的变更方法()，数组元素的变化创建时已经初始化了元素数据的数组–这种方式对于数组里是复杂数据也可以原创 2022-06-24 23:51:28 · 18917 阅读 · 0 评论 -
记一次Vue3组件简单封装的过程
一次Vue3组件简单封装的过程原创 2022-06-23 23:51:44 · 2359 阅读 · 0 评论 -
Vue3表单页面利用keep-alive缓存数据的一种思路
Vue3使用keep-alive动态清除缓存原创 2022-06-22 22:52:07 · 1302 阅读 · 0 评论 -
Vue项目在Webpack和Vite中使用静态资源图片
vue单文件中静态资源的处理原创 2022-06-03 18:22:04 · 1011 阅读 · 2 评论 -
Vue计算属性和方法区别
Vue的计算属性和方法的区别大家都很清除了，计算属性由缓存并且是基于它们的响应依赖关系缓存，只有依赖的响应式关系发生变化时才会重新执行函数(重新渲染模板时如果依赖关系没有变化则立即返回结果，不会重新执行函数)，demo见证如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev原创 2022-05-13 16:17:40 · 491 阅读 · 0 评论 -
Vue跨域配置
在项目中经常会遇到跨域的情况，也没怎么研究过，今天就来探讨一下：何为跨域CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。所谓跨域就是违背了浏览器的同源策略，那么同源策略又是什么呢？同源策略要求请求两侧的三个一致:协议一致、主机名一致、端口号一致。注意：这是浏览器的一种策略。由此可能会产生一个误区：跨域是浏览器向服务器请求了数据，服务为也返回了数据，只是浏览器没有把数据交给我们解决跨域解决跨域有不同的方法，这里说一下通过配置代理服务器的方原创 2022-04-21 14:03:09 · 11722 阅读 · 1 评论 -
Vue学习之模式和环境变量
开发过程中的不同阶段往往会使用不同的环境，例如测试环境和正式环境，不同环境使用的一些变量往往不同(比如api)，环境切换的时候就需要不同的配置参数，我们可以用环境变量和模式来解决这个问题环境变量可以在项目的根目录中放置环境文件来指定环境变量–官方链接.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].l原创 2021-08-16 17:51:31 · 714 阅读 · 0 评论 -
Vue中利用Exceljs导出复杂Excel表格
项目中遇到了利用纯前端导出Excel的功能，Excel格式比较复杂，而且包含图片，刚开始找到了js-xlsx,star有23.5k，但是不支持样式，没有中文文档，最后选择了[exceljs]，这个库star也有6.6k了，支持样式，还有中文文档。哈哈由于我要导出的Excel样式比较复杂，就用了模板，先做好了一个模板放在项目里，然后再把数据填充到模板里。下面直接放代码，还用到了另外一个库file-saver再package.json里配置依赖"dependencies": { "file-sav原创 2020-11-18 10:48:34 · 3524 阅读 · 4 评论 -
WebStorm显示toolbar和自定义toolbar
功能很小，不喜勿喷。在编码中有一些经常使用的功能，比如返回上一个光标的位置，使用快捷键也可以，不过在工具栏点击也很方便，但是在WebStorm默认是不显示toolbar的。百度还真没有解决，在这里记录一下菜单栏 view->toolobar打勾即可然后在菜单栏下方就会出现工具栏，也可以自定义工具栏，把自己常用的功能放在工具栏上，在工具栏空白处点击鼠标右键...原创 2019-11-20 10:44:42 · 3000 阅读 · 0 评论 -
Vue学习文章总结
1.Vue中的template标签的使用和在template标签上使用v-for原创 2019-11-05 17:22:24 · 329 阅读 · 0 评论