其他新的API
2. 其他新的API 全新的全局API createApp(); defineProperty(); defineAsyncComponent(); nextTick(); 将原来的全局API转移到应用对象 app.component(); app.config(); app.directive(); app.mount(); app.unmount();

xlc5202022年8月4日
小于 1 分钟约 110 字
新组件
1. 新组件 1) Fragment(片断) 在Vue2中: 组件必须有一个根标签; 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中; 好处: 减少标签层级, 减小内存占用; 2) Teleport(瞬移) Teleport 提供了一种干净的方法, 让组件的html在父组件界面外的特定标签(很可能是body)下插入

xlc5202022年8月3日
大约 2 分钟约 451 字
Composition API VS Option API
4. Composition API VS Option API 1) Option API的问题 在传统的Vue OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 ,滚动条反复上下移动; 2) 使用Compisition API 我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织

xlc5202022年8月2日
小于 1 分钟约 170 字
手写组合API
3. 手写组合API 1) shallowReactive 与 reactive 2) shallowRef 与 ref 3) shallowReadonly 与 readonly 4) isRef, isReactive 与 isReadonly

xlc5202022年8月1日
大约 2 分钟约 618 字
Composition API
2. Composition API(其它部分) 1) shallowReactive 与 shallowRef shallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式); shallowRef: 只处理了value的响应式, 不进行对象的reactive处理; 什么时候用浅响应式呢?; 一般情况下使用ref和reactive即

xlc5202022年7月31日
大约 6 分钟约 1780 字
Composition API
1. Composition API(常用部分) 文档: ​ https://composition-api.vuejs.org/zh/api.html 1) setup 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次; 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用; 2) ref 作用: 定义一个数据的响应式;

xlc5202022年7月30日
大约 12 分钟约 3661 字
创建vue3项目
2. 创建vue3项目 1) 使用 vue-cli 创建 文档: https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 然后的步骤 Please pick a preset - 选择 *Manually select features*; Check the features ne

xlc5202022年7月29日
大约 1 分钟约 371 字
认识Vue3
1. 认识Vue3 1) 了解相关信息 Vue.js 3.0 "One Piece" 正式版在今年9月份发布; 2年多开发, 100+位贡献者, 2600+次提交, 600+次PR; Vue3支持vue2的大多数特性; 更好的支持Typescript; 2) 性能提升: 打包大小减少41%; 初次渲染快55%, 更新渲染快133%; 内存减少54%; 使用P

xlc5202022年7月28日
小于 1 分钟约 224 字
声明
6. 其它 声明文件 当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能 什么是声明语句 假如我们想使用第三方库 jQuery,一种常见的方式是在 html 中通过 标签引入 jQuery,然后就可以使用全局变量 $ 或 jQuery` 了。 但是在 ts 中,编译器并不知道 $ 或 jQuery 是什么东西 这时,我们需要使

xlc5202022年7月27日
大约 2 分钟约 670 字
泛型
5. 泛型 指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定具体类型的一种特性。 引入 下面创建一个函数, 实现功能: 根据指定的数量 count 和数据 value , 创建一个包含 count 个 value 的数组 不用泛型的话,这个函数可能是下面这样: 使用函数泛型 多个泛型参数的函数 一个函数可以定义多个泛型参数 泛型接口

xlc5202022年7月26日
大约 2 分钟约 628 字
2
3