Vue（五）：2.0语法转3.0、setup函数、reactive函数、ref函数、isRef和toRefs方法、路由配置

1、2.0语法转3.0

vue3.0对vue的主要3个特点：响应式、模板、对象式的组件声明方式，进行了全面的更改，底层的实现和上层的api都有了明显的变化，基于Proxy重新实现了响应式，基于treeshaking内置了更多功能，提供了类式的组件声明方式。
https://www.jianshu.com/p/1e09e244bdc3

2、setup函数

 setup(props, context){
   
   
    
      attrs: (...) == this.$attrs
      emit: (...) == this.$emit
      listeners: (...) == this.$listeners
      parent: (...) == this.$parent
      refs: (...) == this.$refs
      root: (...) == this.$root
}

按照官方给出的说法，setup函数是一个的Vue组件选项，是用于在组件中使用Composition API的入口。

export default {
   
   
    setup(props, context) {
   
   
      context.attrs
      context.slots
      context.parent
      context.root
      context.emit
      context.refs
        ………
    }
}

3、reactive函数

Reactive（声明单一对象时使用）
取得一个对象并返回原始对象的响应数据处理。
const obj = reactive({ count: 0 })

const menuTab = reactive([
   		// 声明数组 即声明对象
        {
   
    txt: '登录', current