vue3-笔记

一. vue2.0较vue3.0的劣势

1. options方式
2. mixin 命名空间冲突 逻辑不清晰 不宜复用
3. 作用域插槽
4. vue2对TS支持不充分

二. vue3.0相关

vue4.x vue-router4.x vue-loader16.x

三. vue3.0基础

1. 组合式API基础用法

   响应式基础API其实就是组合式API中最核心的API

• setup组件选项

  注意：setup调用发生在data、computed、methods之前，所以this无法使用。

• reactive 返回对象的响应式副本

• ref 接受一个内部值返回一个响应式可变的ref对象，有一个.value属性

  ref与reactive区别？
  1. 两者都是响应式API，ref用来创建基础类型的响应式数据（当然它也可传入对象形式的参数），reactive用来创建引用类型的响应式数据。
  2. ref改变变量必须修改value的值，比如：count.value=xxx的形式，而reactive需要state.count=xxxx来使用。
  
  

• computed

• watch