View <––-Binding––-> ViewModel <–––-> Model
Learn More →
Learn More →
資料有內容時,直接寫入到畫面中
Learn More →
生命週期:在特定時間點修改文字時,只要寫在生命週期內,生命週期會調整資料,資料會直接寫在畫面(同上)
Learn More →
事件觸發:觸發後更新資料,透過 v-model 的機制,畫面也會一起更新
Learn More →
Vue
六角 2022 Vue 直播班
大公司通常都會有不同的部門,財務管財務,行銷管行銷,業務管業務,雖然彼此有關聯,有往來,但基本上都是獨立運作,有什麼問題就去相對應的部門中做調整。 程式也是一樣,規模一龐大,就需要採取「關注點分離」的原則,把東西都拆分清楚,讓整體更容易管理和維護。 關注點分離 (SOC) 是指程式開發時,必須重視的一種「設計原則」。將程式拆成不同功能層或模組,讓每個區塊有各自的關注點,才不會全部混在一起,像一團毛線球剪不斷理還亂。 以 Vue 為例 ---------------- HTML ----------------------------------------- JS (資料、渲染、生命週期)-------------
Mar 24, 2023template 加入 template 屬性,用反引號框住樣板內容,元件名稱直接作為標籤名稱。 app.component("alert", { template: `<div class="alert alert-primary" role="alert">範例一</div>` }); x-template 建立 script,加入 type="text/x-template" id="樣板名稱",script 中放入樣板內容,component 中的 template 補上 '#樣板名稱'。 <script type="text/x-template" id="alert-template">
Feb 7, 2023元件 header、footer、sidebar 都會很常重複使用,content 是會變化的,用不同元件來插入。網頁最外層就是根元件,也就是createApp 建立的元件,稱為「根元件」。 註冊元件 元件註冊分為兩種:「全域註冊」和「區域註冊」。 全域註冊 const app = Vue.createApp({ data() { return {
Feb 7, 2023增加程式碼的可複用性
Feb 7, 2023or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up