摘要: 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 阅读(465) 评论(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 阅读(1875) 评论(0) 推荐(0) 编辑
摘要: word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: h 阅读全文
posted @ 2023-02-28 17:17 yunChuans 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 数组更新检测 变更方法 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: push() pop() shift() unshift() splice() sort() reverse() 注意事项 由于 JavaScript 的限制,Vue 不能检测数 阅读全文
posted @ 2023-02-20 17:27 yunChuans 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 两个生命周期 created:data属性,methods属性,watch监听等都初始化好了,也就是可以使用了。 mounted:已经把内存中编译好的模板替换到页面中,也就是视图层已渲染成最新的,vue 实例完全创建完毕。可以操作DOM。理论上内部的子组件也执行完了mounted。 异步任务与它两的 阅读全文
posted @ 2023-02-20 13:51 yunChuans 阅读(486) 评论(0) 推荐(0) 编辑