小兔鲜项目-认识vue3

1. Vue3组合式API体验

并且需要注意的是Vue3是向下兼容的，也就是说你可以在Vue3的项目中继续写Vue2的代码

这是vue2选项式API

<script>
export default {
  data(){
    return {
      count:0
    }
  },
  methods:{
    addCount(){
      this.count++
    }
  }
}
</script>

这是vue3组合式API

<script setup>
import { ref } from 'vue'
const count = ref(0)
const addCount = ()=> count.value++
</script>

特点：

1. 代码量变少，逻辑更简洁
2. 分散式维护变成集中式维护，相关逻辑聚合在同一处
3. 复用性更强，可通过组合式函数（Composables）抽取公共逻辑
4. 类型推导更友好，配合 TypeScript 使用体验更佳

2. Vue3更多的优势