如何通过30分钟快速掌握Vue3核心概念和技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2523个文字,预计阅读时间需要11分钟。
经历了漫长的迭代,Vue 3.0 终于在2020-09-18发布了。它带来了翻天覆地的变化,采用了 TypeScript 进行开发,进行了大规模的重构,引入了 Composition API 和 RFC 版本,类似 React Hook 的写法,支持自定义组件。
经过了漫长的迭代,Vue 3.0终于在上2020-09-18发布了,带了翻天覆地的变化,使用了Typescript 进行了大规模的重构,带来了Composition API RFC版本,类似React Hook 一样的写Vue,可以自定义自己的hook ,让使用者更加的灵活,接下来总结一下vue 3.0 带来的部分新特性。
- setup()
- ref()
- reactive()
- isRef()
- toRefs()
- computed()
- watch()
- LifeCycle Hooks(新的生命周期)
- Template refs
- globalProperties
- Suspense
Vue2与Vue3的对比
- 对TypeScript支持不友好(所有属性都放在了this对象上,难以推倒组件的数据类型)
- 大量的API挂载在Vue对象的原型上,难以实现TreeShaking。
- 架构层面对跨平台dom渲染开发支持不友好
- CompositionAPI。
本文共计2523个文字,预计阅读时间需要11分钟。
经历了漫长的迭代,Vue 3.0 终于在2020-09-18发布了。它带来了翻天覆地的变化,采用了 TypeScript 进行开发,进行了大规模的重构,引入了 Composition API 和 RFC 版本,类似 React Hook 的写法,支持自定义组件。
经过了漫长的迭代,Vue 3.0终于在上2020-09-18发布了,带了翻天覆地的变化,使用了Typescript 进行了大规模的重构,带来了Composition API RFC版本,类似React Hook 一样的写Vue,可以自定义自己的hook ,让使用者更加的灵活,接下来总结一下vue 3.0 带来的部分新特性。
- setup()
- ref()
- reactive()
- isRef()
- toRefs()
- computed()
- watch()
- LifeCycle Hooks(新的生命周期)
- Template refs
- globalProperties
- Suspense
Vue2与Vue3的对比
- 对TypeScript支持不友好(所有属性都放在了this对象上,难以推倒组件的数据类型)
- 大量的API挂载在Vue对象的原型上,难以实现TreeShaking。
- 架构层面对跨平台dom渲染开发支持不友好
- CompositionAPI。

