vue2和vue3除代码方面的对比（面试可能会问）

vue2是选项式API，而3虽然兼容2，但是推荐的则是组合式API，即代码逻辑更集中，不需要翻上翻下的寻找data和methods。

vue3最早执行的函数是setup函数

export default {

        setup(){

const a = 1

const fn = ()=>{}

        return {

        a,

        fn

}

}

}

默认是这样书写setup函数的，但是3可以将setup写在script标签上，这样就使用了setup语法糖，不需要再写export default和return了，而且子组件的注册可以省略，引入后直接就可以使用。

<script setup>

        const a=1

        const fn=()=>{}

</script>

就这样写就好了。a和fn可以直接在template里面使用。