vue2.x尝鲜vue3特性composition

安装@vue/composition-api:

npm install @vue/composition-api --save

在main.js里注入：

以前写在data里面的数据，如果是对象类型的，现在可以用这样reactive的方式去申明：

如果是基本类型的，现在可以用这样ref的方式去申明：

当然了，需要先引入reactive和ref:

import { reactive, ref } from '@vue/composition-api'

如果要取值，ref比较特殊，需要用.value的方式：

如果要修改ref的值，也是需要用.value:

isActive.value = 10

isRef()用来判断一个变量是不是ref类型：

import { reactive, ref, isRef } from '@vue/composition-api'

结果：

结果：

vue2中用this.$refs,vue3中用context.refs