姓名: {{details.name}}
顏色: {{details.color}}
嗜好{{id}}: {{habbit}}
Vue.js 使用大括號與變數代換
{{name}}（讀音/vjuː/，類似於view）是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue採用自底向上增量開發的設計。Vue的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與單文件組件和Vue生態系統支持的庫結合使用時，Vue也完全能夠為複雜的單頁應用程序提供驅動。
Vue.js 使用 v-for 取出陣列資料
官方教程假設你已有
- {{skill}}
- {{id+1}}. {{info.name}}{{info.version}}
- {{id+1}}. {{info.name}}{{info.version}} {{whatever}}/
如果你是全新的前端開發者，將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來！之前有其他框架的使用經驗是有幫助的，但不是必需的。
Vue.js 使用者互動 (使用v-model)
使用 Vue.js 計算呈現資訊 (使用v-if)
{{book.name.substring(0,18)}}
{{book.name}}
作者: {{book.author}}
出版社: {{book.publish_house}}
優惠價: {{book.discount*100}}折 {{parseInt(book.price * book.discount)}} 元
價錢: {{parseInt(book.price * book.discount)}} 元
出版社: {{book.date}}
使用 v-on 呼叫 / method 寫 function 建立 JS 事件
狀態: {{status}}
列表共有 {{fruits.length}} 項資料，共有 {{totals.pen}} 支筆
{{id+1}}. {{fruit}}
