选项式API=>组合式API

vue3和vue2的差别就是选项式api改为组件式api，就是以前vue2要定义data、method、mounted，在vue3就变为了更模块化的，并且我感觉vue3设计思路更多是以调用方法的方式实现，比如我实现一个方法，并且通过setup语法糖省略data、method

<script setup>
import {ref, reactive, onMounted} from "vue";

const number1 = ref(1);
const updatenumber1 = ()=>{
  if(number1.value=="123"){
    number1.value = "1";
  }
  else{
    number1.value = "123";
  }
}


const number2 = reactive({
  msg:'这是第一条信息',
  data:'这是第一条数据'
})
const updatenumber2 = ()=>{
  number2.msg = "这是第一条信息的修改版";
  number2.data = "这是第一条数据的修改版";
  updatenumber1()
}

onMounted(()=>{
  alert("1")
})


</script>

setup语法糖

自定义全局HOOK

底下为我觉得Vue3需要改变之处，欢迎大家讨论