![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3专栏
文章平均质量分 86
RegularEmployee
刚刚踏入IT大门的小白,并且思考能力及其欠缺
展开
-
Vuex和Pinia的区别二
(1)使用函数的方式是为了确保每个组件实例都有自己独立的状态对象(2)使用函数来定义状态可以确保每个组件实例都可以获得自己的状态对象,从而避免状态的共享和交叉影响注:因为在Vue中,组件的data属性或setup函数中返回的对象是共享的,如果直接将状态定义为对象字面量,则所有组件实例将共享同一个状态对象,可能导致状态的交叉污染和意外修改。(3)箭头函数没有自己的this上下文,而是继承父级上下文。(4)在箭头函数中,this关键字将指向正确的对象,而不会因为函数内部的this丢失而导致错误。原创 2023-06-20 16:36:56 · 189 阅读 · 0 评论 -
前端存储那些事二
和并没有内置的事件监听机制,因此无法直接监听它们的变化。但是可以使用以下方法实现监听:和对象都会触发storage事件,当其他窗口或标签页对存储进行更改时会触发该事件。您可以通过添加storage事件监听器来捕获变化,并在回调函数中执行相应的操作。(2)使用定时器:通过使用定时器,在一定的时间间隔内轮询检查存储的值是否发生变化,并在变化时执行相应的操作。(3)使用 Proxy 对象:通过创建一个Proxy对象来代理或,可以拦截对存储的读写操作,并在变化时执行自定义的操作。原创 2023-06-20 15:52:19 · 2296 阅读 · 0 评论 -
前端存储的那些事
Cookie是一些数据, 存储于你电脑上的文本文件中。2.当web服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。3.Cookie的作用就是用于解决 "如何记录客户端的用户信息":(1)当用户访问web页面时,他的名字可以记录在cookie中。(2)在用户下一次访问该页面时,可以在cookie中读取用户访问记录。1.用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。属性是只读的。中的键值对总是以字符串的形式存储,对于对象、整数key。原创 2023-06-09 15:36:27 · 341 阅读 · 0 评论 -
Vuex和Pinia的区别
Pinia是Vue.js的轻量级状态管理库,它使用Vue 3中的新反应系统来构建一个直观且完全类型化的状态管理库。原创 2023-06-09 14:57:49 · 187 阅读 · 0 评论 -
vue3学习总结
什么是hook?本质是一个函数,把setup函数中使用的CompositicAPI进行了封装类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。作用:创建一个自定义的ref,并对其依赖项跟踪和更换触发进行显式控制。<template><script>setup() {let timerreturn {get(){console.log(`有人查看了value,查看的是${value}`);track() // 追踪},原创 2023-03-22 14:24:14 · 489 阅读 · 0 评论