- 博客(150)
- 收藏
- 关注
原创 vue3中子向父传数据
父组件首先,我们创建一个父组件,名为代码解释1,在 <template> 部分,我们展示父组件的数据 receivedData,并通过自定义事件 sendData 来接收子组件传递的数据。2,在 <script setup> 部分,我们引入了Vue3的 ref 来创建响应式变量 receivedData。3,updateData 方法用于更新接收到的数据。4,我们通过引入并使用子组件 ChildComponent,同时监听其 sendData 事件并调用 updateData 方法。
2024-08-15 13:27:56
183
原创 vue3中pinia使用持久化管理
即使是对象数组,也可以直接放进去,不需要JSON转换。使用的话正常和存储在本地一样调用就行。创建index.ts。
2024-07-05 18:06:01
352
原创 vue3中的readonly
只读,被readonly定义的所有属性都是只读的,不可以修改,但是他可以跟随被赋值的那个变化,他是不能主动修改的,意思就是被赋值的那个变化,他会跟着变,但是他不能手动变。
2024-06-23 13:36:37
141
原创 vue3中的shallowReactive
shallowReactive只能修改reactive中浅层次的数据。不能修改 xxx.xxx.xxx = ''格式只能修改xxx.xxx = '555'
2024-06-23 13:21:23
326
原创 vue3中的shallowRef只能修改ref中浅层次的数据
就是只能修改第一级的数据,只要出现 xxx.value.xxx就不能修改了。只能修改 xxx.value = '111'这种的。
2024-06-23 13:16:12
124
原创 vue3中具名插槽
子组件中使用 <slot name='g1'></slot>这样区分。父组件中在子组件的标签里面 使用v-slot:g1这样区分。
2024-06-23 12:27:47
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人