09 2024 档案

Vue3中 watch、watchEffect 详解
摘要：点击查看官方文档 1. watch 的使用 语法： import { watch } from "vue" watch( name , ( curVal , preVal )=>{ //业务处理 }, options ) ； 共有三个参数，分别为： name：需要帧听的属性； (curVal,pre 阅读全文

posted @ 2024-09-29 11:40 springsnow 阅读(4439) 评论(0) 推荐(0) 编辑

如何使用 Vue SFC Playground
摘要：如何导入外部库 使用外部库 导入库： Vue SFC Playground 有一个 import map 功能，在这个文件中可通过在线 cdn 的方式引入外部库，然后在组件中使用。 每个库对应的 cdn 文件，一般可以在 unpkg 这个网站上找到。 但是这个网站没有提供搜索库的功能，所以如果你不知 阅读全文

posted @ 2024-09-29 11:01 springsnow 阅读(180) 评论(0) 推荐(0) 编辑

toRefs学习
摘要：toRefs : 将一个响应式对象转换为一个普通对象，这个普通对象的每个属性都是指向源对象相应属性的 ref。每个单独的 ref 都是使用 <a href="https://link.zhihu.com/?target=https%3A//cn.vuejs.org/api/reactivity-ut 阅读全文

posted @ 2024-09-26 10:04 springsnow 阅读(41) 评论(0) 推荐(0) 编辑

Vue3中如何响应式解构 props
摘要：Props | Vue.js (vuejs.org) Vue3 中为了保持响应性，始终需要以 props.x 的方式访问这些 prop。 所以不能够解构 defineProps 的返回值，因为得到的变量将不是响应式的、也不会更新。举例： <template> <!-- count 始终为 0 --> 阅读全文

posted @ 2024-09-26 09:29 springsnow 阅读(753) 评论(0) 推荐(0) 编辑

useTemplateRef使用
摘要：模板引用 | Vue.js (vuejs.org) 1、使用ref方式： 注意ref属性接收的不是一个ref变量，而是ref变量的名称。 <template> <div> <input type="text" ref="inputEl" /> <button @click="setInputValu 阅读全文

posted @ 2024-09-26 09:11 springsnow 阅读(615) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示