預先定義好的component可以包含：html元素(template)、綁定的資料(data)、方法(methods)跟偵聽(watch)....等等，用法很像Vue實例，優點是可以重複使用，維護上...
子組件可以設定 props 屬性，而父組件可以將這些屬性用 DOM 客製屬性設定在子組件上，在子組件內就可以當作實體中的屬性使用，本文會詳細的介紹 props 屬性的用法。 屬性命名 HTML 屬性需...
續上篇，確定可以使用 vue，所以開始使用 vue 完成功能 : content.vue 的 templdate 部分 : <template> <el-container styl...
上次實作了官方的 Docker image，這一次我們就要把他放到Azure上面去。 參考微軟，並假設大家對docker有基本認知。 建立Azure帳號 進入到主控台新增一個Registry 輸入r...
Vue實例的生命週期從建立、更新到消滅，這中間會可以執行一些函式，而這些函式叫生命週期函式(lifecycle hooks)，可以依情況需要來宣告使用。附上官方文件的圖，紅色框的部分就是生命週期函式，...
後來找到其他可以抓到影片當前位置的方法 : var video = document.getElementsByClassName('video-stream')[0]; console.log(vi...
眾所週知的彈跳視窗 Modal Modal 看到這個名字，有玩過Bootstarp的同學應該都不陌生，沒錯就是以前的那個modal啦，在Quasar有這麼多彈跳視窗下，這個modal當然就不是單純那個...
children 官網：嵌套路由同時也請參考昨日有出現的：搞搞就懂在官網可以看到第一張示意圖，是一個固定user，只切換profile跟post的情境。現在來試做這個情境：1.依照前天文章建立初始專案...
vue-tables-2 (4) 表格套件，本篇主要說明如何顯示Child rows Github matfish2/vue-tables-2 範例 假設我們在tableData多了一個欄位：sh...
菜菜菜的 Vue 30天 - Day22 上一篇大致上介紹了如何使用 vue-cli 建立 Vue 專案，這篇就來介紹一下建立起來的專案裡面的架構為何。 架構 這篇我們會以webpack版來做介紹，因...