Vue 速查表
Vue 3 指令与 Composition API
| 用法 | 说明 |
|---|---|
v-if / v-else / v-show | 条件渲染 |
v-for="item in list" | 列表渲染 |
v-model | 双向绑定 |
v-bind:prop 或 :prop | 属性绑定 |
v-on:click 或 @click | 事件绑定 |
ref() | 模板引用 |
reactive() ref() | 响应式数据 |
computed() | 计算属性 |
watch() watchEffect() | 侦听器 |
onMounted() onUnmounted() | 生命周期 |
defineProps() defineEmits() | Props 与事件 |
provide() inject() | 依赖注入 |
useRouter() useRoute() | 路由（Vue Router） |
useStore() | 状态管理（Pinia） |