随笔content1

查看动态元素的样式
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 = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值