Vue2转Vue3学习历程

本文主要是介绍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>

setup语法糖

自定义全局HOOK

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

这篇关于Vue2转Vue3学习历程的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---