Vue2转Vue3学习历程
选项式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>