Application state and DOM state要回答这个问题，我们先要了解一下以下两个概念：应用状态（Application state）和 DOM 状态（DOM state），先创建一个简单的 Vue 组件如下（Vue3）：<script setup>
import { reactive } from "@vue/reactivity"
let list = re
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 Jav
一、动态路由我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 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
