Vue.js學習筆記（一）--------簡介
阿新 • • 發佈：2019-02-08
1.什麼是Vue?
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。
2.Vue使用方式？
（1） 首先匯入 vue.js 要用到的庫： vue.min.js.（可自行百度下載）。
（2）同樣準備一個div元素，其id是div1。
（3） 在js中準備json資料 gareen。
（4）建立一個Vue物件。 這個Vue物件就把資料 gareen和 檢視 div1 關聯起來了。
建立方式為：
new Vue({
el: '#div1',
data: {
message: gareen
}
})（5）在檢視div中，就可以通過如下方式把資料取出來了。
{{gareen.name}}或者{{gareen}}
完整程式碼為：
<head> <meta charset="utf-8" /> <title></title> <script src="js/vue.min.js"></script> </head> <div id="div1"> {{gareen.name}} {{gareen.hp}} <!--{{gareen}}--> </div> <script> //準備資料 var gareen = {"name":"wx","hp":"愛吃魚"}; //通過vue.js 把資料和對應的檢視關聯起來 new Vue({ el: '#div1', data: { message: gareen } }) </script>
結果為：
