![](https://img-blog.csdnimg.cn/232a393d73204b11b96583def4c485c6.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3篇
学习片段
程序员xiaolibao
编码过程中,知识总结...
展开
-
#Vue3:shallowRef--shallowReactive--readonly--shaloowReadonly--toRow--markRow--customRef--Teleport--传
场景等响应式变了之后 某一个等几秒再变// track跟踪 trigger触发let initValue = '你好'return {get() {track() // 告诉vue数据msg很重要,要对msg持续关注,一旦msg变化就更新},trigger() // 通知vue数据变化})写成hooksreturn {num。原创 2024-01-31 15:03:12 · 503 阅读 · 0 评论 -
#Vue3:组件通信--props-emit = definEmit([‘submit‘])---子传父--mitt--v-model--provide inject--pinia--slot
子组件要暴露给父数据definesExoi获取所有子组件的func($refs) --父到子func($parent)--子到父注意实行a: ref(0)})// a会自动解包。原创 2024-01-31 11:26:13 · 674 阅读 · 0 评论 -
#Vue3: 路由导航---声明式导航RouterLink && 编程式导航router.push()&&路由重定向
【代码】#Vue3: 路由导航---声明式导航RouterLink && 编程式导航router.push()&&路由重定向。原创 2024-01-30 15:29:31 · 377 阅读 · 0 评论 -
#Vue3篇:路由props参数传递parmas&& 路由props参数传递query--函数写法
【代码】#Vue3篇:路由props参数传递parmas&& 路由props参数传递query--函数写法。原创 2024-01-30 15:16:28 · 574 阅读 · 0 评论 -
#Vue3篇:defineProps---withDefaults&& Vue3 中,有以下几种属性或函数不需要手动引入即可直接使用:
reactive({})原创 2024-01-29 16:52:32 · 1467 阅读 · 0 评论 -
#Vue3篇:defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `<script setup>` 组件中要暴露出去的属性:
当父组件通过模板引用的方式获取到当前组件的实例,获取到的实例会像这样。(ref 会和在普通实例中一样被自动解包)链获取到的组件的公开实例,的——即通过模板引用或者。编译器宏来显式指定在。原创 2024-01-29 16:13:10 · 580 阅读 · 0 评论 -
#Vue3篇:element-plus添加到vue3
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?原创 2023-12-28 10:53:35 · 368 阅读 · 0 评论 -
#Vue3篇:watch、watchEffect、watchPostEffect、watchSyncEffect的区别
立即运行一个函数,同花顺响应式地追踪器依赖,并在依赖更改时重新执行该函数。watchEffect 是 Vue 3 中新增的 API,它接受一个函数作为参数,会自动执行这个函数,并在函数执行过程中收集函数所依赖的响应式数据。如果在函数执行过程中访问了某个响应式数据,那么当这个响应式数据发生变化时,watchEffect 会自动重新执行该函数。watchEffect 的回调函数没有传递新值和旧值的参数。console.log(`count 值为${原创 2023-04-25 11:32:45 · 2128 阅读 · 2 评论 -
#Vue3篇:defineProps() 和 defineEmits()的用法
【代码】#Vue3篇:defineProps() 和 defineEmits()的用法。原创 2023-04-12 21:22:48 · 245 阅读 · 0 评论 -
#Vue3篇: vue3生命周期setup--onBeforeMount--onMounted--onBeforeUpdate--onUpdated--onBeforeUnmount--onUnmou
【代码】#Vue3篇: vue3生命周期setup--onBeforeMount--onMounted--onBeforeUpdate--onUpdated--onBeforeUnmount--onUnmou。原创 2023-03-12 22:38:04 · 469 阅读 · 0 评论 -
#Vue3篇:响应式工具isRef()、ref()、unref()、toRef()、 toRefs()、reactive()的用法和区别
函数接受一个响应式对象,返回一个新的对象,该对象将所有属性转换为 ref 对象。通过使用 toRefs() 函数,我们可以将响应式对象的所有属性转换为 ref 对象,并将其传递给子组件,以便在子组件中使用属性时保持响应式追踪。函数接受一个响应式对象和一个属性名称,返回一个新的 ref 对象,该对象引用响应式对象的属性。这是因为在某些情况下,我们只需要引用响应式对象的单个属性,并且不需要将整个响应式对象的属性都转换为 ref 对象。作用:响应式对象中的所有属性都是响应式的,当属性的值改变时,视图会自动更新。原创 2023-03-09 22:30:32 · 1082 阅读 · 0 评论