vue3
文章平均质量分 78
关于vue3新内容的一些学习整理
Twi.Light
前端学习中,记录我的学习过程,啦啦啦啦啦
展开
-
vue3学习笔记——第三节
vue3学习笔记——第三节1. 内置组件1. Fragment2. Teleport:传送3. Suspense(试验性)999. vue3内容持续学习... 1. 内置组件 1. Fragment 在vue2中:组件必须要有一个根标签 在vue3中:组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中 好处:减少标签层级,减小内存占用 2. Teleport:传送 什么是Teleport?—— Teleport是一种能够将我们的组件html结构移动到指定位置的技术 举例:项目中的原创 2021-10-12 17:29:31 · 346 阅读 · 0 评论 -
vue3学习笔记——第二节
vue3学习笔记——第二节1. 组合式API1. provide与inject2. 生命周期钩子2. 响应式API1. toRef和toRefs函数1. toRef2. toRefs2. readonly和shallowReadonly函数1. readonly2. shallowReadonly3. shallowRef和shallowReactive函数1. shallowRef2. shallowReactive4. toRaw和markRaw函数1. toRaw(请谨慎使用)2. markRaw3.原创 2021-10-12 16:11:43 · 811 阅读 · 0 评论 -
vue3学习笔记——第一节
vue3学习笔记——第一节1. 创建及引入的改变- 创建vue3项目- 项目中引入vue32. 配置项的改变- setup配置项3. Composition API1. ref和reactive:响应式函数2. computed:计算属性函数2. watch:侦听函数1. 普通watch函数2. watchEffect函数 1. 创建及引入的改变 - 创建vue3项目 通过脚手架vue-cli创建 npm install -g @vue/cli 或 yarn global add @vue/cli vue原创 2021-10-12 12:04:28 · 419 阅读 · 0 评论