Try   HackMD

MVVM

View <––-Binding––-> ViewModel <–––-> Model

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

資料有內容時，直接寫入到畫面中

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

生命週期：在特定時間點修改文字時，只要寫在生命週期內，生命週期會調整資料，資料會直接寫在畫面(同上)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

事件觸發：觸發後更新資料，透過 v-model 的機制，畫面也會一起更新

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

參考資料＋圖片來源

tags: Vue 六角 2022 Vue 直播班
Last changed by 
 
阿榮
嗨~ 我是阿榮 努力往前端工程師邁進 現正轉職中 (揮旗)
0
114

Read more

關注點分離 Separation of Concerns (SOC)

大公司通常都會有不同的部門，財務管財務，行銷管行銷，業務管業務，雖然彼此有關聯，有往來，但基本上都是獨立運作，有什麼問題就去相對應的部門中做調整。 程式也是一樣，規模一龐大，就需要採取「關注點分離」的原則，把東西都拆分清楚，讓整體更容易管理和維護。 關注點分離 (SOC) 是指程式開發時，必須重視的一種「設計原則」。將程式拆成不同功能層或模組，讓每個區塊有各自的關注點，才不會全部混在一起，像一團毛線球剪不斷理還亂。 以 Vue 為例 ---------------- HTML ----------------------------------------- JS (資料、渲染、生命週期)-------------

Mar 24, 2023
元件樣板製作

template 加入 template 屬性，用反引號框住樣板內容，元件名稱直接作為標籤名稱。 app.component(&quot;alert&quot;, { template: `&lt;div class=&quot;alert alert-primary&quot; role=&quot;alert&quot;&gt;範例一&lt;/div&gt;` }); x-template 建立 script，加入 type=&quot;text/x-template&quot; id=&quot;樣板名稱&quot;，script 中放入樣板內容，component 中的 template 補上 &apos;#樣板名稱&apos;。 &lt;script type=&quot;text/x-template&quot; id=&quot;alert-template&quot;&gt;

Feb 7, 2023
vue 註冊元件的手法

元件 header、footer、sidebar 都會很常重複使用，content 是會變化的，用不同元件來插入。網頁最外層就是根元件，也就是createApp 建立的元件，稱為「根元件」。 註冊元件 元件註冊分為兩種：「全域註冊」和「區域註冊」。 全域註冊 const app = Vue.createApp({ data() { return {

Feb 7, 2023
元件基本介紹

增加程式碼的可複用性

Feb 7, 2023
Read more from 阿榮
Published on HackMD