查看动态元素的样式
ctrl + shift + c 快捷键可查看元素
封装的form组件的配置项
js中的scrollintoview()方法 滑动到页面底部
js中的padStart() 在字符串开头,添加指定字符
1、js中的reduce () 方法
2、vue插件的使用
3、vue3中如何让一般数据具有响应性( toRef() )
4、组合函数 (hook的使用,mixins)
5、性能优化,如果你的主应用必须是 SPA,但还有其他的营销相关页面 (落地页、关于页、博客等),请单独部署这些页面,首屏优化
6、 TypeScript 正确地推导出组件选项内的类型,使用 defineComponent()
7、泛型组件支持两种使用方式:
- 在单文件组件中:在 ’ <'script setup> 上使用 generic 属性
- 渲染函数 / JSX 组件:defineComponent() 的函数签名
8、 泛型参数的理解
defineProps() 的泛型类型参数仅限于类型文字或对本地接口的引用,由于类型到运行时转换仍然基于 AST,一些需要实际类型分析的复杂类型,例如条件类型,还未支持
9、Props 解构默认值,设置默认值withDefaults ,
10、 组合函数, VueUse
11、常见的响应式副作用( watchEffect())的用例是什么呢?自然是更新 DOM!我们可以像下面这样实现一个简单的“响应式渲染”:
12、reactive() 的局限性:当你将一个响应式对象的属性赋值或解构到一个本地变量时,访问或赋值该变量是非响应式的,因为它将不再触发源对象上的 get / set
代理。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值,那么对该对象的修改仍然是响应式的。从 reactive() 返回的代理尽管行为上表现得像原始对象,但我们通过使用 === 运算符还是能够比较出它们的不同。
//watchEffect
import {
ref, watchEffect } from 'vue'
const count = ref(0)
watchEffect(() => {
document.body.innerHTML =

最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



