前言 大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之...
其實這次標題有點騙人,因為對小弟來說也不算第一次接觸了,但也只是前幾天讀過官方文件的等級而已,所以如果有些地方解釋的不對,還請各位大大留言告訴我了,在此小弟感激...
前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理,供日後參考。順序也許跟官網不太一樣,請多多包涵。 官方範例其實已涵蓋的大量情境,若是...
本文同步發表於Andy's Blog 前言 昨天認識了Component特性後,我們今天要來介紹Component之間如何傳遞資料 元件溝通方式 元件與元件...
HI!記得我們在第一篇的時候有提過如何將Vue.js的資料綁定到View上面嗎?如果忘記的話可以看一下以下最簡單的範例:HTML <input id=&q...
HI!大家好啊!緊接著computed之後,今天再來學習新的Vue.js的屬性watch吧! watch 這是什麼? 如果我們要在一個表單上的值發生改變的時候...
在多人開發的時常常大家寫 Code 的風格都不一樣,這時候可以透過輔助工具來統一每個人的風格,當然自己開發時也可以用,尤其是像我這種寫 Code 習慣很差的人X...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
問題回答 在跳轉頁面時,可以透過路由物件裏 params 或 query 來傳遞資料,也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...
nextTick介紹 nextTick()會在DOM已掛載、渲染完成後,執行nextTick()內的程式碼。 通常Vue.nextTick()是為了對DOM...
接下來的幾天會分別介紹四個屬性,並互相比較倆倆之間差異和使用時機。 computed methods filters watch Computed 如果在...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...
雖然每個元件是獨立運作,但Vue設計元件的目的是為了讓每個元件都有各自的用途,然後再互相配合使用,如此一來,系統開發上也比較結構化。 比較常見的組合元件為父子元...
Plugin 前面有稍微提到如何使用 plugin ,不過我們有時候並不需要自己來建輪子, GitHub 上已經有很多人開發中出方便實用的工具,我們可以善加利用...
現在打開任何一間求職網站,搜尋前端相關職缺,幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架:React、Vue、Angular;或著也可以到...
前言 現在的網站技術與前端框架的推進,使用 AJAX (Asynchronous JavaScript and XML) 技術發送 API 至後端進行資料獲取已...
菜菜菜的 Vue 30天 - Day24 好咧~昨天介紹了 vue-cli 在專案初始時對 vue-router 的配置。 接下來要介紹更深入的用法。 路由切換...
很快地今天是鐵人賽的第30天,還記得一個月前,我對於Vue.js完全就是一張白紙的狀態,什麼都不太了解的狀態下,鼓起勇氣跟著30天熱度的夥伴一起參加這個比賽,雖...
問題回答 簡短答法:computed 最大特點是必須回傳一個值,並且會把它緩存起來,當函式裏的依賴改變時,才會重新執行和求值。但 watch 與 methods...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
Cheat Sheet 這邊分享一個美觀又實用的 Vuex Cheat Sheet ,作者將 Vuex 會用到的功能全部列在清單中,對於我這種今天看完明天就忘記...
關於 Universal Rendering 前一篇提到,原本前後端的 View 各自分開隨著前端漸漸吃重,為了讓畫面邏輯不需要分散各處,有人提出新的架構 -...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
vue-loading-overlay 載入中(Loading)遮罩套件,可以全螢幕或在指定的Element中顯示 Github ankurk91/vue-...
問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反,即使在父元件設定了 sc...
這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半,得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js,新專案用 Vue-cl...
Actions Actions 類似於 mutations,但仍然有些不同: Action 提交(commit)的是 mutations ,而不是直接變更 s...
一個 Vue 實體有生老病死,而 Vue 實體會在各個生命階段提供鉤子事件( Hook Event )讓開發者可以在實體的不同階段做想要的處理,本文介紹各個 H...
本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》,現成切好的版面很好找,參賽選手也不少,拿來說明與練習再適合不過。...
本文同步發表於Andy's Blog 前言 昨天介紹完this.$parent、this.$child方法後,突然想到沒有介紹到.sync這個語法糖。OK,...