甚麼是 Vue

Vue 是一個前端框架，有兩大核心: 聲明式渲染、響應式

宣告式渲染:

相較於指令式能用較間單方式控制 HTML 和 JavaScript 之間的關係
指令式，需要操作 DOM ，一步步指示要做甚麼

$('#title').text('mytitle')

宣告式，不用直接操作 DOM， 可透過 Vue 將資料渲染

<div id="title">{{ title }}</div>

響應式:

當狀態改變時，會自動更新 DOM

選項式 API (Options API)、組合式 API  (Composition API)

Vue 有兩種不同的寫法

• 選項式 API (Options API): data、methods 等寫在 component 裡面來描述 component 的邏輯，在裡面用 this 指定
• 組合式 API  (Composition API): 搭配 <script setup> ，導入 API 函數來描述 component 的邏輯

Vue 的文件中有說明，如果開發的複雜度較低，推薦使用 選項式 API (Options API)

參考資料:
https://cn.vuejs.org/guide/introduction.html
https://book.vue.tw/CH1/1-1-introduction.html