一、动态路由我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用『动态路径参数』（dynamic segment）来达到这个效果： const User = {
template: '<div&
Class对象语法数组语法在组件上的使用Style对象语法数组语法自动添加前缀多重值Class对象语法动态地切换 class：<div :class="{active: isActive}"></div>表示 active 这个 class 存在与否将取决于 data property isActive 的 truthiness你可以在对象中传入更多字段来动态切换多个 cl
Application state and DOM state要回答这个问题，我们先要了解一下以下两个概念：应用状态（Application state）和 DOM 状态（DOM state），先创建一个简单的 Vue 组件如下（Vue3）：<script setup>
import { reactive } from "@vue/reactivity"
let list = re
