眼尖的小夥伴應該會注意到,本篇的標題與上一篇文末所提到的 Vue Object API 好像有點不一樣。這邊官方使用的是 Vue Instance API這個說法。 Object 與 Instance...
在昨天的鐵人賽,我們利用rails的scaffold指令,迅速地將看板Kanban的CRUD調整成符合專案適合的樣貌,並完成了使用者登入後頁面,列出了目前筆者在現實生活中、需要進行敏捷開發的兩個Rai...
tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop,我們可以將父組件的值傳遞給子組件,這一篇中,我們會來看 Prop 的使用細節。 命名規則 ✐ 在介紹 Prop 大小寫前,我們先離題一下...
[Day 19] 說明:vue實作刪除使用者頁面 一、forloop 刪除button <ul> <li v-for="(user, index) in use...
會不會,我們以後都會被 clone 老闆就不用請人了? 月球漫遊 有時我們拿到一包資料,需要透過過濾器來拿到我們想要的資料格式。例如我們可以透過一些外來的函式庫,拿到一些資料,但如果想依照我們想要...
tags: Vue.js ItIron2020 前言 昨天我們利用了一個簡易的global store介紹了store的基礎概念,今天我們則要延伸那樣的資料集中管理概念,介紹vuex這個好用的小幫手!...
Vue:設定基本路由,可以拆解成以下步驟: 定義模板 template 配置模板路線(routes)(每一條路線,都會對應到相應的component;而這邊的組件,會包含上面的template) 將...
Vue Apollo Subscriptions 設置 我們是基於 websocket 的訂閱模式,所以需要做一些配置 $ yarn add apollo-link-ws apollo-utiliti...
我們這次來嘗試vue和socket的結合,做一個簡單的聊天介面。 安裝 先在專案資料夾新增一個js檔,用來做socket伺服端。在view裡新增一個元件,記得設定路由,用來當作客戶端。 接著要安裝套件...
一個專案中的程式如果沒有使用任何的架構進行開發,通常最後都會導致程式碼雜亂無章,難以維護。所以一般都會選一個架構進行開發(Viper、MVC、MVP、MVVM...等) MVVM 從前面開始,我們都僅...