vue|vue3.0新特性及与vue2.0的区别 vue|vue.js

vue3.0新特性 【vue|vue3.0新特性及与vue2.0的区别】vue3.0对vue的三个特点：响应式、模板、对象式的组件声明方式进行了全面的更改，底层的实现和上层的API都有了明显变化。基于Proxy重新实现了响应式，基于treeshaking内置了更多功能，提供了类式的组件声明方式。

Composition API(组合 API)：

依赖： npm install @vue/composition-api -save Main.js： import VueCompositionApi from '@vue/composition-api'; Vue.use(VueCompositionApi);

新特性语法
(1) setup函数：是一个新的vue组件选项，用于在组件中使用Composition API的入口；
(2) reactive：声明单一对象时使用，取得一个对象并返回原始对象的响应数据处理；
(3) ref：声明基础数据类型变量时使用，取得内部值，并返回一个响应式可变的ref对象，ref对象具有value指向内部值的单个属性。isref，toref，检查一个对象是否是ref对象，toref将reactive对象转为普通的对象，保证对象解析或拓展运算符不会丢失，原有响应式的响应。
(4) watch侦听器
(5) computed：可传入get和set，用于定义可更改的计算属性。
生命周期挂钩
@vue/composition-api删除了onBeforeCreate和onCreated，因为setup总是在创建组件实例时调用，即onBeforeCreate之后和onCreated之前调用，因此onBeforeCreate和onCreated可用setup代替。
vue2.0和composition API之间的映射

vue3.0和vue2.0的区别