自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 前端面试真题

这里是实例创建完成之后,在这里完成了数据监测,可以使用数据,修改数据,不会触发updated,也不会更新视图。:组件数据更新之前使用,数据是新的,页面上的数据时旧的,组件即将更新,准备渲染,可以改数据。:完成了模板的编译,虚拟DOM也完成创建,即将渲染,修改数据,不会触发updated。:render重新做了渲染,这时数据和页面都是新的,避免在此更新数据。:实例销毁前,在这里实例还可以用,可以清楚定时器等等。组件从创建到销毁的过程就是它的生命周期。:组件已经被销毁了,全部都销毁。

2024-04-24 19:45:41 301 3

原创 Vue3中如何只要customRef自定义ref响应式数据

customRef接收一个函数,该函数接收两个方法track与trigger,且需要返回包含有get、set方法的对象。get用于给使用者返回数据,set用于接收新的数据。track:通知vue监听数据变化trigger:数据变化后通知vue更新页面

2024-01-19 11:49:08 481 1

原创 Vue3中的toRaw、markRaw

使用场景:标记第三方库,防止把第三方库变成响应式对象。作用:标记一个对象使其永远不会变成响应式。作用:获取一个响应式对象的原始对象。使用场景:给同事数据不希望是响应式。

2024-01-19 10:09:30 508 2

原创 Vue3中的readonly、shallowReadonly

readonly:复制一份响应式数据变成只读的,但原数据发生改变复制的也会变 shallowReadonly:使对象深层次可以改,浅层次不能改

2024-01-18 18:05:05 498 1

原创 Vue3中shallowRef、shallowReactive

通过使用 shallowRef()和 shallowReactive() 来绕开深度响应,浅层式 API 创建的状态只在其顶层是响应式的,对所有深层的对象不会做任何处理,避免了对每一个内部属性做响应式所带来的性能成本,这使得属性的访问变得更快,可提升性能。通俗点说就是第一层的数据才是响应式,深层次的数据不在是响应式。

2024-01-18 17:34:21 463 1

原创 Vue3中组件通信的九种方式

一、props:父传子二、自定义事件:子传父三、mitt:任意组件通信四、v-model:父子互传,用的较少五、$attrs:爷孙互传六、$refs与$parent七、provide、inject:祖给后代们八、pinia九、slot(插槽)

2024-01-18 17:05:16 4503 1

原创 pinia的基本使用,从入门到精通

五、storeToRefs:通常用与解构仓库数据 template 数据时不需要countStore.xxx。三、 src下创建store文件夹,文件夹中存放ts文件每个小仓库。六、监听仓库中的数据发生改变:$subscribe。mutate:包含修改的方式与发生变化的值等等。count.ts 还有一种选项式写法。二、 main.ts 中引入注册。这里我创建一个count.ts。state:包含仓库中的数据。1. 读取数据,可直接读取。四、组件中读取与修改数据。2. 修改数据的三种方式。

2024-01-16 17:55:02 1021 1

原创 Vue3中传递与接收query、params参数,并使用路由props接收

RouterLink replace to="/">新闻</RouterLink>第二种路由的props:将query或params参数以props的形式传递给组件。如:<News :name="name" :age="age“>收:defineProps(["name","age"])使用内置组件RouterLink 跳转。3. 接收query、params参数。2. 路由跳转的方式,并传参。1. 定义路由规则如下。push:记录历史记录。replace:不记录。

2024-01-15 12:20:28 3772 1

原创 Vue3中怎么配置路由?

【代码】Vue3中怎么配置路由?

2024-01-15 10:21:44 805 1

原创 Vue3中的defineProps接收参数,并withDefaults设置默认值

1. defineProps:接收父组件传递的参数。这两个api都不需要引入,可直接在setup中使用。2. withDefaults:接收时设置默认值。1. person.vue接收参数。3. type.ts 定义类型。2. App.vue传递参数。

2024-01-11 16:51:17 4655 2

原创 Vue3中的defineExpose

作用:暴露数据或者方法供父组件使用,数据不会丢失响应式功能。

2024-01-11 15:30:43 984 1

原创 Vue3中watchEffect、watchPostEffect、watchSyncEffect的区别。一文搞懂,非常细致,没有废话。

1. 函数体内用到的值(依赖项)发生变化就会执行,与watch不同的是不需要传入监听的值,函数体收到的参数也不同2. 传入的函数接收一个参数,也是一个函数,该函数会比传入的函数先执行3. 第二个参数是一个配置对象可选值:immediate:在监听创建时立即触发回调,第一次调用时旧值是undefineddeep:如果值是对象,强制使用深度遍历,一遍在深层级变更时触发回调flush:调整回调函数的刷新时机:'pre' :在组件更新更新前运行,默认为'pre''post':在组件更新更新后

2024-01-11 12:23:09 1506 4

原创 vue3中watch(监听)的五种情况

第三个参数是一个配置对象:可选值:1. immediate:在监听创建时立即触发回调,第一次调用时旧值是undefined2. deep:如果值是对象,强制使用深度遍历,一遍在深层级变更时触发回调3. flush:调整回调函数的刷新时机默认情况下,监听的回调(第二个参数)都会在 Vue 组件更新之前被调用。这意味着你在监听回调中访问的 DOM 将是被 Vue 更新之前的状态。如果想在监听回调中能访问被 Vue 更新之后的 DOM,你需要指明 flush: 'post'

2024-01-11 10:44:59 15853 3

原创 vue3中的computed(计算属性)

computed(计算属性)在vue3与vue2变化不大,都是简写形式(只读)与可读可写形式。计算属性也是一个值(字符串、数字、对象等),只不过这个值是通过计算出来的。3. computed有缓存,多次调用只执行一次。1. 简写形式(只读)

2024-01-10 16:12:09 955

原创 vue3中的toRefs与toRef

作用:使响应式对象解构出来依然具备响应式能力

2024-01-10 15:28:47 477

原创 HarmonyOS4.0开发应用从入门到实战,无废话

前言:开发工具的下载配置这里就不赘述了,可到官网下载:DevEco Studio入口文件代码:1. Image:图片组件注意:鼠标移动到组件名称上点击Show in API Reference可以调出官方文档2. Text:文本组件注意:限定词目录找不到会到base目录找未完待续......

2023-12-29 12:01:15 425 1

原创 vue中axios取消重复请求,防止用户疯狂点击按钮导致重复请求

在请求拦截器、响应拦截器中添加判断请求是否重复

2023-12-29 11:52:29 774 1

原创 HarmonyOS4开发之访问控制(权限)

HarmonyOS4访问控制(权限)在module.json5文件中配置权限

2023-12-11 11:30:46 215 1

原创 TypeScript基础语法快速入门

帮助有 js 基础的同学五分钟快速入门 ts,声明变量、声明函数、面向对象

2023-12-08 10:52:51 137

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除