Vue.Js 介紹[1]
Vue.Js 是什麼? Vue(讀音 vjuː,類似 view ),是一套構建用戶界面的 漸進式框架 (The progressive framework)。與其他大型框架不同的是,Vue被設計為可由底向上逐漸應用。Vue的核心只關注圖層,不僅易於上手,還便於與第三方套件項目整合。 另一方面,當與現代化工具鍊結合使用時Vue能對html進行高度渲染,也完全能為復染的單頁應用提供驅動。 如果你剛開始學習前端開發(html、CSS、JavaScript),將框架作為學習的第一步可能不會是個好主意。 建議掌握好基礎知識在進行較複雜的框架應用學習。 起步 首先須建立一個可執行頁面檔案並載入vue.js。 基本php檔案 教學開發筆者使用CDN Vue.Js做線上載入動作。 相關網址可至 CDN Vue.Js 自行挑選及使用。 <!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script> </head> <body> </body> </html> 聲明式渲染 Vue.js的核心採用簡潔的模板語法來將數據渲染進DOM的系統。 先建立相關初始介面。 div: <div id="app"> {{ message }} </div> script: var app = new vue({ el: '#app' data: { message: 'Hello Vue!' } }); 組合起來大概長這樣: <!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script...