Vue3.x的设计理念-Vue3导读

目录

VUE-NEXT【vue3】

VUE-NEXT最核心的变更

Why not SFC？【单文件组件】

Composition API

生命周期钩子变化

什么是响应式（Reactivity）

Reactive值

Proactive vs Reactive

声明式程序

声明式程序：创造语言

声明式程序：Reactive

小结：常见误区

---

VUE-NEXT【vue3】

// 安装vue3依赖
npm install vue@next

vue3+ts环境配置之后会单独写篇文章，这里就不赘述了。

VUE-NEXT最核心的变更

• 拥抱JSX【标准】
• Typescript【Vue3+TS结合的非常紧密，用起来非常方便，TS在VUE的舞台有非常强大的生命力】
• Composition API【让我们的系统可以以更好的方式进行组合】
• Reactivity【对响应式的支持】

Why not SFC？【单文件组件】

• 理由1：SFC经过了努力但是没有称为标准（JSX已经成为标准）

// ts 不认识.vue的DefineComponent需要一个shim文件
declare module "*.vue" {
    import { DefineComponent } from "vue";
    const Component: DefineComponent;
    export default Component;
}