vault backup: 2024-01-18 20:56:42

00. Inbox/vue.js.md

@@ -8,9 +8,7 @@ v-for
 <li v-for="item in list">{{ item }}</li>
 ```
 
-## 輸入雙向綁定
+## 輸入雙向綁定：`v-model`
-v-model
-
 ```html
 <input v-model="message">
 ```
@@ -25,8 +23,7 @@ var app = Vue.createApp({
 });
 ```
 
-## 事件
+## 事件：`v-on`
-v-on
 
 ```html
 <button v-on:click="testEvent">按我</button>
@@ -43,8 +40,7 @@ var app = Vue.createApp({
 ```
 
 
-## 條件式
+## 條件式：`v-if`
-v-if
 
 ```html
 <div v-if="isShow"></div>
@@ -60,3 +56,6 @@ var app = Vue.createApp({
     }
 });
 ```
+
+## 屬性綁定
+### `v-bind`