Vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

總之就是好用！

在Vue中通常一個功能的開發順序為：建立單檔案元件 -> 編寫元件路由 -> 編寫元件程式碼 -> 接入後端介面 -> 測試

Vue的工作流程是：

一、Vue元件詳解

 1 <template>
 2 </template>
 3 
 4 <script>
 5
 
 import { XXX } from '../../api/XXX'     // 用來匯入存放後端介面的js檔案(花括號接收，多個介面之間用逗號隔開)，後面用axios請求後端介面
 6 import XXX from '../../XXX'     // 用來匯入其他元件
 7 export default {
 8   name: '',     // 除錯時用的名字
 9   data () {
10     return {}   // 花括號裡面用來放以key:value的方式存放我們定義的資料
11   },
12   components: {},   // 存放匯入的元件名
13   created() {},     //
 
 存放在模板渲染成html前呼叫的函式
14   mounted() {},     // 存放在模板渲染成html後呼叫的函式
15   methods: {},      // 在這裡面編寫函式
16 }
17 </script>
18 
19 <style scoped>
20 </style>

註解：

<template></template>：這個標籤裡面用來放HTML程式碼

<script></script>：這個標籤裡面用來放JavaScript程式碼

<style scoped></style>：這個標籤裡面用來放CSS程式碼

轉載請註明出處，商用請徵得作者本人同意，謝謝！！！