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