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里面使用。