鐵人檔案
從data取得資料後重新運算產生結果，並渲染至畫面=>getter 資料重新整理後再寫入資料集裡=>setter如:methods方法觸發compu...
Watch 監聽單一 “變數” 觸發事件 該函式可同時操作多個變數 22-0 js const App = { data() { return...
watch vs computed 簡易說明 watch僅能監聽單一變數觸發事件，若為函式可同時操作多個變數 computed可監聽多個變數觸發事件，會產生一...
說明非常陌生的生命週期~ Vue主元件是一推小元件組成 網站首頁主元件內有banner元件、內容元件、側欄元件等組成，切換其他頁面時，導致內容元件變動，須執行卸...
執行上一篇所介紹vue的8個生命週期 25-0 js <script type="text/x-template" id="...
為什麼要將語法拆解成元件 增加程式碼的可複用性 避免單一檔案過大 易於管理及協作 元件功能獨立化 假設有500行語法，語法裡有重複性內容將近一百行，可將重複...
元件使用的基本要點 元件需要在 createApp 後，mount 前進行定義 元件需指定一個名稱 元件結構與最外層的根元件結構無異（除了增加 Templat...
介紹兩種樣板建立方式1.template const app = Vue.createApp({ data() { return {...
上一篇樣板建立語法，套用元件實際運作 直接使用 標籤 名稱 <alert></alert> 搭配 v-for <alert v...
Props:由外部傳入資料至內部 30-0 jsconst app = Vue.createApp({data() {return {imgUrl: 'http...
