vue
文章平均质量分 53
vue全家桶
影子信息
这个作者很懒,什么都没留下…
展开
-
echarts tooltip提示框显示不全
一个可由多个柱形图叠加而成的图表,命名为someHoverLine(可自定义)。下面罗列了移动端和web端的封装组件代码;展示了vue2、uniapp、vue3的不同封装和使用案列。原创 2024-04-11 14:55:06 · 570 阅读 · 0 评论 -
vue vue3 日期时间组件分装,三种不同的效果
vue3 setup写法。日期选择组件,自行封装了三种效果。原创 2024-04-08 16:19:14 · 683 阅读 · 0 评论 -
vue vue3 日期选择的组件,封装组件
基于element的日期选择组件,以下是达到的效果:1.选择年,日期选择组件默认填充是:当时的年;2.选择月,日期选择组件默认填充的是:当时的年月;3.选择日,日期选择组件默认填充的是:当时的年月日;原创 2024-04-08 16:16:53 · 502 阅读 · 0 评论 -
vue vue3 日期时间组件封装
vue vue3 setup写法的一个组件,基于element的日期选择组件进行封装,此组件可以根据不同的dateType日期类型切换,切换选择不同的年、月、日。原创 2024-04-08 15:31:13 · 226 阅读 · 0 评论 -
element vue 日期时间组件封装
基于elementPlus组件,自己封装了一个日期选择组件。可选年、月、周、日时间类型。传参dateType(参数名称)结合后端的抽稀处理,返回对应数据。原创 2024-04-08 11:23:19 · 282 阅读 · 0 评论 -
vue watch监听的多种使用
vue 的watch的监听使用的几种写法原创 2024-04-07 15:33:39 · 450 阅读 · 0 评论 -
uniapp vue2 时钟 循环定时器
时钟组件代码,通过循环定时器实现。原创 2024-04-07 15:02:34 · 391 阅读 · 0 评论 -
防抖 节流 防抖和节流
防抖==回城;节流==普攻。原创 2024-04-07 11:56:57 · 221 阅读 · 0 评论 -
vue vue3 手写 动态加载组件
通过一个加载状态变量,通过v-if判断,加载状态的变量等于哪一个,动态加载组件内部就显示的哪一块组件。# vue3 项目涉及很多图表加载、表格加载 #考虑手写一个动态加载组件。原创 2024-04-07 11:34:24 · 594 阅读 · 0 评论 -
uni tabs组件,tab选项卡滑动切换
tabs点击和左右切换滑动,uni框架,基于vue2语法。"uni组件库没有tabs选项卡组件,只有自己封装,实现的思路:考虑分为上下两块,上部是类型切换绑定点击事件,下部之前用动态组件,下部改为swiper组件,并绑定change事件。swiper组件的属性current绑定第几个swiper-item子项,并且watch监听绑定值,对这个绑定值处理和上部的类型对应上(也可不处理)。"原创 2023-12-19 15:08:58 · 424 阅读 · 0 评论 -
vue3 setup语法糖,常用的几个:defineProps、defineEmits、defineExpose、
vue3和vue2组件之间传参的不同是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。中的代码会在。任何在声明的顶层的绑定 (包括变量,函数声明,以及 import 导入的内容) 都能在模板中直接使用,使用双花括号:{{自定义的声明}}。在中要使用动态组件的时候,应该使用动态的:is来绑定,结合三元运算符。原创 2023-11-28 12:05:07 · 1764 阅读 · 0 评论 -
vue问题01:路由鉴权跳转页面,vuex+sessionStorage中的token不一致,刷新页面数据丢失
vue问题01:路由鉴权跳转页面,vuex+sessionStorage中的token不一致,刷新页面数据丢失原创 2022-08-17 19:36:24 · 1235 阅读 · 0 评论 -
模板字符串+JS模板引擎+vue,三者之间的字符串比较
简述:获取节点,添加数据。一、常用的模板字符串二、js模板引擎模板字符串``=js模板template+数据data(一)、js模板+数据(简易版)(二)、js模板+数据(复杂版)三、vue框架输出第一个helloworld(一)、vueindex.js(二)、控制台输出并键入(三)、控制台输入效果......原创 2022-06-10 16:35:45 · 837 阅读 · 0 评论 -
Vuex持久化插件-解决刷新数据消失的问题
方法vuex的state在localStorage或sessionStorage或其它存储方式中取值在mutations,定义的方法里对vuex的状态操作的同时对存储也做对应的操作。这样state就会和存储一起存在并且与vuex同步问题最直观的就是,手动写比较麻烦。插件的原理其实也是结合了存储方式,只是统一的配置就不需要手动每次都写存储方法引入及配置在store下的index.js中默认存储到localStorage想要存储到sessionStorage,配置如下想使用cookie同理默原创 2022-06-24 21:46:48 · 485 阅读 · 0 评论 -
赋值和渲染是异步过程,解决方式4种
赋值和渲染是异步过程,解决方式4种。原创 2022-08-16 21:10:23 · 599 阅读 · 0 评论 -
跨域+同源策略+同源策略限制的行为+跨域解决方式
浏览器请求资源,会设计到跨域问题,解决跨域问题的方式如下。原创 2022-08-13 11:48:36 · 112 阅读 · 0 评论 -
前端渲染和后端渲染的优缺点
vue面试题:前后端渲染的优缺点原创 2022-08-11 21:03:57 · 1063 阅读 · 0 评论 -
单页应用SPA的优缺点
vue-cli创建的vue项目框架是一个SPA单页应用,单页应用的深入理解原创 2022-08-11 20:16:33 · 110 阅读 · 0 评论 -
vue组件+组件通讯(父子)+动态组件
父子组件通讯:父传子-prop;子传父-自定义事件原创 2022-08-11 16:44:11 · 121 阅读 · 0 评论 -
父子组件之间通讯+单向数据流+动态组件
2).子传父:this.$emit(‘子组件定义的事件名’,返回值)面试题:组件中的data为什么必须是—个函数面试题:vue 中的单向数据流。原创 2022-08-11 16:41:45 · 129 阅读 · 0 评论 -
组件中的data为什么必须是—个函数
数据从父级组件传递给子组件,只能单向绑定,子组件不能直接修改从父级传递过来的数据数据只能从一个方向来修改状态, 如果父组件给 N 个子组件进行了数据传递。那么某一个子组件中修改了这个数据,那么就会导致其他组件的数据也会发生改变。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。因此数据只能从一个方向来修改状态。......原创 2022-08-11 16:28:11 · 237 阅读 · 0 评论 -
vue的生命周期
2、created():组件创建完成,属性已绑定,但 DOM 还未生成,$el 属性还不存在(完成 data 数据的初始化)1、beforeCreate():组件实例刚刚被创建 (el 和 data 并未初始化)3、beforeMount():模板编译/挂载之前(完成了 el 和 data 初始化)4、Mounted():模板编译/挂载之后(完成挂载)7、beforedestroy():组件销毁之前。5、beforeUpdate():组件更新之前。8、destroyed():组件销毁之后。......原创 2022-08-11 16:18:39 · 66 阅读 · 0 评论 -
components+watch+method三者的比较
computed 是一个计算属性,computed 所依赖的属性发生变化时,计算属性才会重新计算,并进行缓存;当其他数据发生改变的时候computed 属性不会重新计算。watch 的方法默认是不会执行的,只有依赖的属性发生变化才会执行。watch 用在监听数据变化,给后台发数据请求。watch 无法监听数组值(特殊情况下)的变化。watch 中的 handler 默认只能。例如:商品购物车的结算 过滤某些商品数据。watch 默认第一次是不会执行的,引用的变化,但内部属性是监听不到的,......原创 2022-08-11 11:39:11 · 778 阅读 · 0 评论 -
keep-alive 内置组件
keep-live缓存组件,一是直接包裹组件,即实现了整个被包的组件缓存;二是满足v-if条件 or include属性,即实现一些组件的缓存。原创 2022-08-11 10:38:34 · 234 阅读 · 0 评论