第三節 Vue.js · ThinkPHP實用開發工具箱

[TOC] ***** # Vue.js簡介 Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。 Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。 Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。 Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能完美地驅動復雜的單頁應用。 # 安裝Vue Github：[Vue.js](https://github.com/vuejs/vue) CDN加速：[BOOTCDN](https://www.bootcdn.cn/vue/) # 使用手冊手官方冊：[Vue.js官方手冊](https://cn.vuejs.org/v2/guide/) # 第一個頁面 ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> </head> <body>  <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <script> var vm = new Vue({ // 內容 }) </script> </body> </html> ```