sssnanPl的博客

customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template> <input type="text" v-model="keyword" /> <h3>{{ keyword }}</h3> </template> <script> import { ref, customRef } from "vue"; export default { name

对前端感兴趣的可以关注一下我的博客，会持续更新前端相关的知识和学习笔记，一起学习。 计算属性与监视 computed 函数 与 Vue2.x 中 computed 配置功能一致 vue2 写法 computed:{ fullName(){ return this.person.firstName + '-' + person.lastName } } vue3 写法 import { computed } from 'vue' setup(){ ...

一、创建 vue3 工程 与 vue2 相同，使用 vue create 项目名字 初始化，但配置选择 vue3 1.Vue3 带来了什么 1.性能的提升 打包大小减少 41% 初次渲染快 55%, 更新渲染快 133% 内存减少 54% 2.源码的升级 使用 Proxy 代替 defineProperty 实现响应式 重写虚拟 DOM 的实现和 Tree-Shaking … 3.拥抱 TypeScript Vue3 可以更好的支持 TypeScript 4.新的特性