内置指令

内置指令处理模板里的控制流、显示切换、文本和表单。

指令	用途
v-if / v-else-if / v-else	条件渲染
v-for	列表渲染
v-show	display 切换
v-model	表单和组件双向绑定
v-text	设置文本
v-html	设置 HTML
v-once	只渲染一次
v-memo	按依赖跳过更新

示例

<p v-if="loading">加载中</p>

<li v-for="item in items" :key="item.id">{{ item.name }}</li>

<section v-show="open">内容</section>

TIP

复杂表达式建议提前放到 TypeScript 变量或 useComputed()，模板保持可读。