vue3推荐使用的语法

Vue 3推荐的现代语法主要是基于Composition API，它强调数据、状态和方法的解耦，相比于传统的选项式API更加简洁和灵活。以下是Composition API的一些关键特性：

1. **setup()函数**：这是组件的核心，通常在这里定义并返回计算属性、提供响应式的state以及副作用（如事件监听）。

export default {
  setup(props, context) {
    // 计算属性
    const count = ref(0);
    
    // 更新count的方法
    function increment() {
      count.value++;
    }

    return { count, increment };
  }
}

2. **ref 和 reactive**：用于创建响应式的数据结构，`ref`用于包装非响应式的值，`reactive`则用于深度封装对象使其响应变化。

3. **钩子函数**：包括`onMounted`、`onUpdated`等生命周期钩子，替代了options API中的`mounted`、`updated`方法。

4. **导出导入**：直接导出整个组件配置，而不是依赖于单个模板文件，提高了代码组织和复用性。

5. **Props 的默认值**：现在可以在 `props` 中直接设置默认值，简化了父组件对子组件的传参。