我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久,而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...
部落格同步刊登 [IT 鐵人賽] 題外話:原始碼之藏在 $watch 當中的神奇設定 Day 16 其實,這是我之前寫過的 一篇文章(我絕對不會承認是拿來墊...
部落格同步刊登 [IT 鐵人賽] 動態載入 Vue App Day 22 昨天又再次說到動態載入元件,今天則來聊一下 Vue App 是不是也能做這種事情。...
回顧30天,也讓我回憶了今年從金融業被抓去做開發工程師的日子。這30天中,講述了Vue的基本介紹、性能比較,也依據Vue的特性, 實作出許多app。 當然,雖...
身處金融業的我,從未想過有天還能在工作上,返回開發工程師的行列。一直以來,對於JS的喜愛依舊不減,假日時,偶爾還會開著電腦,寫寫JS。但對於框架語言,從未接觸。...
Vue:對於昨天全局與局部的基本了解後,今天我們利用一個實例,來解一下組件的好處吧~ 首先,先看一個基本的網頁結構:一般來說,網頁中一定會有共用的部分。以上圖為...
Vue:設定基本路由,可以拆解成以下步驟: 定義模板 template 配置模板路線(routes)(每一條路線,都會對應到相應的component;而這邊的...
Vue:實做部落格最後一步驟,就是修改文章!上一篇已經了解如何將id生成,如此才可以做個別文章上的操作。原先,在Article頁面上,我們可以加上一個標示,讓文...
Vue:還記得在Vue CLI建置專案時候,也有遇上Vue Router嗎?無論你是使用history mode或hash mode,設置路由,將可以導入到正確...
部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27 昨天看了一些關於大量 DOM 的事情,今天來聊一下關於深度監看...
Fixing ... 若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github:http...
Vue:隨著你使用vue的狀況,你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃,他在元件模組化也有所強大,讓你可以輕鬆地管理好你的元件。在進行案例...
Vue:文章為本專案的共用資料。當許多頁面都需要用到時,這個時候使用Vuex就是最佳時機。下圖,可以看到,在其中一個元件下(Add-Article元件)新增文章...
Vue:資料改變,除了利用method或computed,還有getter。 Getter好處是當資料集中管理,部分組件或元件需要用到不同資料下,可提供相對應的...
Vue:既然知道了初步的概念,首先我們來看看v-bind屬性綁定吧: v-vind綁定class,如下: <body> <div...
與Vue相遇後,一開始其實有點懷疑vue的應用。但使用後,對她越來越著迷,這使我更想了解她。 每當我們使用vue時,有些步驟都會相對應的重複,例如創建Vue、建...
猶如昨日的期待,我很興奮地按照了Vue的指示: 先到node官網下載,下載完成後,立刻安裝2.打開command line並輸入npm install -g...
tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表,在渲染列表相關的 data 時十分方便,並且 v-for 除...
Vue:接下來透過幾天,我們將把之前學的router、Vuex等,實現在這個專案上面。由上圖首頁,除了基本路由設定(首頁和文章),將會以組件方式生成文章列表:文...
文章列表 文章列表的路由已經存在 Resource 裡,只要再加一個草稿列表的路由,而且一定要放在 ShowPost 上面: routes/web.php /...
Vue:還記得第10天時,我們才剛認識Vue CLI,但你還記得我的介面嗎? 接著,我們試試看這個指令: npm run build 如此,產生的資料即打包嚕...
需要用的頁面上: import Action和 State進來 透過methods調用mapActions 透過computed調用mapState...
Vue:前陣子,我們學到了組件資料的相互傳遞,包含父元件利用props傳遞資料給子元件、子元件利用$emit傳遞給父元件。然而,這些都是單向資料傳遞:對於單一請...
Vue:今日首先來了解一下Vuex中的State部分:State部分來說,相當於Vue的data,專門儲存資料。我們首先可以在這邊定義資料來源,將其為我們所需要...
又到了與Vue見面的時候,昨日完成了toDoList後,還想知道Vue有什麼特別的~ Vue:相信你已經開始熟悉Vue的操作,聽你上次說,客戶對於數據上,有很長...
或許有人會問「那我要開發 SPA 網站時,要如何跟 Grails 搭配呢?」。這個問題的答案很簡單,Grails 已經設想到這情況。在使用 IntelliJ-I...
聽完Vue的介紹後,既然這麼好用,趕緊回到家,利用Vue來練習toDoList:因為框架的原因,寫起來十分得心應手。在代辦事項及完成事項來說,只需要透過v-mo...
透過Vue CLI的建立,在我們打開專案後,主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看:src資料夾為專案中最重要的一部分。...
Vue:昨日,我們已將文章新增實做出來了!現在只要將文章列舉在首頁,只需要使用之前學到的v-for迴圈,即可完成!透過 v-for,將vuex中state的ar...