Vue3 Composition API，setup初接触

最近心血来潮，研究了一下Vue3，之前有了解过Vue3的Composition API相较于2.x的Option API变化很大，所以就来学习一下。

首先Vue3也兼容了2.x Options的写法，同时在其中添加了setup()方法，在其中可以使用3的组合式API的写法，达到兼容和混合使用的目的，但Vue文档中也醒目地提示了： 

通常只在以下情况下使用：

1. 需要在非单文件组件中使用组合式 API 时。
2. 需要在基于选项式 API 的组件中集成基于组合式 API 的代码时。

其他情况下，都应优先使用 <script setup> 语法。

 现在就用很简单的demo代码来简单说一下。

<script setup>
import { onMounted, ref } from 'vue'

const count = ref(0);
const text = ref(null);
const message = ref("a initial message!")


const handleAddCount = () =>{
    count.value++;
}

onMounted(()=>{
    console.log(message.value);
})

</script>

<template>
  <button @cl