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

vue3.0新特性

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

1. Composition API(组合 API)：

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

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

vue3.0和vue2.0的区别

1. 去除了static，config，build，新增了public；
2. 自动依赖node-modules；
3. 默认配置webpack，通过vue.config.js修改；
4. vue inspect可查看webpack默认配置；
5. 内置了vue-cli-serve Serve服务。