2023年1月3日

vue3.0组件传值

摘要: 1.通过ref传值,并进行操作(子组件最好进行定义,否则会有warning,但是不定义也有值) 阅读全文

posted @ 2023-01-03 17:43 ChoZ 阅读(156) 评论(0) 推荐(0) 编辑

vue3.0的全局api变化

摘要: 1.全局api使用的变化:vue3已经去除Vue语法,取代的是用createApp创建的app 2.其他改变 2.1data函数的变化,在vue3data必须是一个函数,否则报错 2.2过渡类名的变化 2.3移除键盘事件@keyup 2.4移除.native事件:现在只要你emits没定义click 阅读全文

posted @ 2023-01-03 14:27 ChoZ 阅读(44) 评论(0) 推荐(0) 编辑

vue3.0新组件

摘要: 1.fragment 1.1解释和意义 1.2使用:没有特定的标签,直接不使用根标签即可 2.teleport(传送) 1.1解释和意义:不管嵌套多少层都可以直接进行组件传送 1.2使用:to的位置可以是标签也可以是类名,类名的话是#className 3.suspense:是一个内置组件,用来在组 阅读全文

posted @ 2023-01-03 14:07 ChoZ 阅读(120) 评论(0) 推荐(0) 编辑

2022年12月30日

vue3.0toRaw()、markRaw()、customRef()

摘要: 1.toRaw和markRaw的使用意义(给reactive对象进行的添加属性都会自动给该属性添加响应式,当需要给reactive添加没有响应式的属性则使用) 2. toRaw和markRaw的使用示例(对其可以进行操作,只是响应式失效,区别于readOnly的不可以操作) 3.customRef: 阅读全文

posted @ 2022-12-30 17:48 ChoZ 阅读(138) 评论(0) 推荐(0) 编辑

vue3的shallowRef()、shallowReactive()和shallowReadonly()

摘要: 1.shallowReactive():使用shallowReactive转化的对象只有对象的第一层级有响应式。 2.shallowRef():使用shallowRef转化的基本数据类型和使用ref没有差别,使用shallowRef转化的对象都会失去响应式。 3.shallowReadonly(): 阅读全文

posted @ 2022-12-30 13:54 ChoZ 阅读(155) 评论(0) 推荐(0) 编辑

2022年12月29日

vue3的hook函数

摘要: 1.hook的定义(本质上是可以使用组合式API的封装好的函数) 2.使用示例: 阅读全文

posted @ 2022-12-29 16:59 ChoZ 阅读(196) 评论(0) 推荐(0) 编辑

vue3.0的生命周期

摘要: 1.vue3的生命周期与vue2的不同点: 2.vue3的生命周期与vue2对应的点: 2.1beforeCreate和create相当于setup,因为不能写入setup生命周期内 2.2使用vue3的组合式API的生命周期,需要先按需引入才能在setup内进行使用(vue3的生命周期都加了on前 阅读全文

posted @ 2022-12-29 13:58 ChoZ 阅读(131) 评论(0) 推荐(0) 编辑

2022年12月26日

vue2和vue3响应式原理

摘要: 1.vue2响应式(视频附带解决存在的问题,通过$set和vue的set、delete方法) https://www.bilibili.com/video/BV1Zy4y1K7SH?p=145&spm_id_from=pageDriver&vd_source=ce8f93194a63c57cca08 阅读全文

posted @ 2022-12-26 09:46 ChoZ 阅读(42) 评论(0) 推荐(0) 编辑

2022年12月15日

vs-code指令

摘要: 1.运用场景:当你折叠某段代码时,你在该文件的其他地方敲写代码的时候折叠区域会自动展开。 解决方法:你#region和#endregion包裹该段代码后再折叠,则不会再此展开 阅读全文

posted @ 2022-12-15 17:28 ChoZ 阅读(12) 评论(0) 推荐(0) 编辑

vue3.0--<script setup>的使用

摘要: 1.<script setup>的定义 <script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的 <script> 语法,它具有更多优势: 更少的样板内容,更简洁的代码。 能够使用纯 Typ 阅读全文

posted @ 2022-12-15 14:14 ChoZ 阅读(424) 评论(0) 推荐(0) 编辑

导航