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 +
  • {{ item }}
  • +``` + +## 輸入雙向綁定 +v-model + +```html + +``` + +```javascript +var app = Vue.createApp({ + data: function() { + return { + message: "要被綁定的訊息" + } + } +}); +``` + +## 事件 +v-on + +```html + +``` + +```javascript +var app = Vue.createApp({ + method: { + testEvent: function() { + alert("你按了button"); + } + } +}); +``` + + +## 條件式 +v-if + +```html +
    +``` + +```javascript +var app = Vue.createApp({ + data: function() { + return { + message: "要被綁定的訊息", + isShow: true + } + } +}); +``` \ No newline at end of file