何謂Vue?
我們可以將它視為一個漸進式框架或是函式庫
Vue的特點：
1.關注點分離，意思就是Vue只關注畫面與資料的變化，我們不用手動更新操作DOM元素。
2.操作物件模型為主的開發模式（就是操作我資料）
漸進式框架
說明：就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具箱
可以依照自己的需求選擇工具
參考資料：Vue.js，何謂漸進式框架？
接下來談談何謂MVC，MVVM又是怎樣概念
MVC示意圖如下
簡單來說使用者就是透過（View）畫面來觸發控制器，控制器再與資料庫這邊請求資料，請求資料後再回傳到畫面上
MVVM示意圖
簡單海說就是Vue幫我們處理好
Dom Listeners和Data Bindings這兩部分，我們只要處理資料內容，畫面就會即時更動
元件（components）簡介：
什麼是元件？
每個 Vue.js 的應用程式都是從Vue建構式 (vue constructor) 建立根實體 (root vue instance) 開始，再一個個將元件 (Components) 搭建上去而來的，透過元件的方式能讓開發者將程式碼封裝而更好重用。
備註：子元件都會有一個父元件
如何載入Vue?
1.使用CDN載入Vue
1 | <script src=“https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js”></script> |
2.使用Vue-CLi建構專案npm install vue
版本間差異
Development version(未壓縮版)
Production version(被壓縮過版本)
無法使用Vue tool develop觀看結構！
Vue CLi打包過後的版本都會是壓縮版喔！
