---
# System prepended metadata

title: 基本指令
tags: [Vue3 實戰班]

---

---
tags: Vue3 實戰班
---

# 基本指令

指令是用在 HTML 結構上的方法，用於渲染、操作 DOM 物件，在此僅列出使用率較高的 80%，在課程前請先閱讀幾次，讓腦中先有個印象，待開始上課前能夠有些記憶，上課後老師將會透過各種範例加深記憶點，增加未來開發的速度。

下列程式碼中的 v-model 就是 Vue 的指令，大部分指令特點是 `v-` 作為開頭，不過為了便於撰寫部分指令還有提供縮寫的形式。

```html
<input class="form-control" v-model="text">
```

渲染於畫面上的方法：
- `{{}}`
- `v-text`
- `v-html`


資料雙向綁定：
- `v-model`
    - 延伸表單技巧

最常使用的兩大指令（這兩個有提供縮寫的形式）：
- `v-on`
- `v-bind`


資料條列、元素隱藏：
- `v-for`
- `v-if`, `v-else`, `v-else-if`
- `v-show`
- `key`（補充說明）
