From f4c1ed82e8ff4a13380ca172edd8d2cb1c597578 Mon Sep 17 00:00:00 2001
From: Awin Huang <awinhuang@gmail.com>
Date: Thu, 18 Jan 2024 20:48:38 +0800
Subject: [PATCH] vault backup: 2024-01-18 20:48:38

---
 00. Inbox/vue.js.md | 62 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 00. Inbox/vue.js.md

diff --git a/00. Inbox/vue.js.md b/00. Inbox/vue.js.md
new file mode 100644
index 0000000..034c009
--- /dev/null
+++ b/00. Inbox/vue.js.md	
@@ -0,0 +1,62 @@
+## 輸出
+{{message}}
+
+## 迴圈
+v-for
+
+```javascript
+<li v-for="item in list">{{ item }}</li>
+```
+
+## 輸入雙向綁定
+v-model
+
+```html
+<input v-model="message">
+```
+
+```javascript
+var app = Vue.createApp({
+    data: function() {
+        return {
+            message: "要被綁定的訊息"
+        }
+    }
+});
+```
+
+## 事件
+v-on
+
+```html
+<button v-on:click="testEvent">按我</button>
+```
+
+```javascript
+var app = Vue.createApp({
+    method: {
+        testEvent: function() {
+            alert("你按了button");
+        }
+    }
+});
+```
+
+
+## 條件式
+v-if
+
+```html
+<div v-if="isShow"></div>
+```
+
+```javascript
+var app = Vue.createApp({
+    data: function() {
+        return {
+            message: "要被綁定的訊息",
+            isShow: true
+        }
+    }
+});
+```
\ No newline at end of file