摘要: Attributes 继承​ 在此之前,先来弥补一个小知识点,vue3支持多个根节点,vue2不支持, <!--vue2: 错误的写法--> <template> <div></div> <div></div> </template> <!--vue3: 正确--> <template> <div> 阅读全文
posted @ 2023-06-27 22:00 yunChuans 阅读(107) 评论(0) 推荐(0) 编辑
摘要: ### ??:空值合并操作符 逻辑操作符,左侧为null和undefined时,才返回右侧的数 ### ?. :可选链操作符 可以读取位于连接对象链深处属性的值,不必明确验证链中的每个引用是否有效 功能类似于“.” 链式操作符,不同之处在于,在引用为空null 或者 undefined 的情况下不会 阅读全文
posted @ 2023-06-27 21:55 yunChuans 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性: ``` ``` 当 阅读全文
posted @ 2023-06-27 21:53 yunChuans 阅读(132) 评论(0) 推荐(0) 编辑
摘要: HTML 标签和属性名称是不分大小写的,所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时,无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称,都需要转换为相应等价的 kebab-case (短横线连字符) 形 阅读全文
posted @ 2023-06-27 21:52 yunChuans 阅读(101) 评论(0) 推荐(0) 编辑
摘要: ### 什么是hooks - hook是钩子的意思,看到“钩子”是不是就想到了钩子函数?事实上,hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ,所以也就意味着 Composition API 也能进行自定义封装 hooks。 阅读全文
posted @ 2023-06-27 21:49 yunChuans 阅读(466) 评论(0) 推荐(0) 编辑
摘要: ### 前言 使用自定义代码片段可以快速生成代码片段,提升开发效率。 ### 使用 - 在vscode中ctrl+shift+p,新建全局代码片段。 ![image](https://img2023.cnblogs.com/blog/2615695/202306/2615695-2023062721 阅读全文
posted @ 2023-06-27 21:41 yunChuans 阅读(10) 评论(0) 推荐(0) 编辑
摘要: ## 动态缓存 ### 前言 在项目中,为了减少性能消耗,有时我们需要使用keep-alive把组件缓存起来,但是并不是所有组件都需要被缓存,那么如何控制那些组件需要缓存呢?主要使用到路由meta,路由前置守卫,vux,动态组件。 ### 实现 **APP.vue** ``` home test ` 阅读全文
posted @ 2023-06-27 21:12 yunChuans 阅读(1878) 评论(0) 推荐(0) 编辑