如何使用 VS Code 開發 Vue ?

S Code 是目前最受歡迎的前端開發環境,只要安裝合適的套件,就能在 VS Code 開發 Vue,適合前後端分離時的純前端開發。
[
VS Code

使用 intersperse() 對 Array 中每筆資料間新增一筆資料

如何將 Array 中每筆資料間新增一筆資料 一文中,我們使用了 map() + flatten() + dropLast() 組合完成需求,事實上 Ramda 已經內建 intersperse()
[
Ramda Ramda/intersperse

Vue Router 之 History Mode

前我們在 Vue 的網址都會看到有 #,因為 Vue Router 預設使用 Hash Mode,若要拿掉 #,就要使用 History Mode。
[
Vue Vue Router

Vue Router 之 Props

然我們可以使用 this.$route 去存取目前 Route,但開發 Component 時,你無法確認 User 是否使用 Vue Router,畢竟 Vue Router 是選配,也無法確認會用
[
Vue Vue Router

Vue Router 之 Alias

用 Rediret 會造成 Browser 的網址改變,但有時候我們不希望網址改變,此時就要使用 Alias。
[
Vue Vue Router

Vue Router 之 Redirect

希望在 Browser 輸入特定網址後自動轉址到其他網址,則要使用 Redirect。
[
Vue Vue Router

Vue Router 之 Named Views

ue Router 預設都是綁定一個 Component,若想同時綁定多個 Component,則要使用 Named Views。
[
Vue Vue Router

Vue Router 之 Nested Routes

實務上 Route 可能會有很多層,若使用 Nested Routes 會使 Route 乾淨很多,也更容易維護。
[
Vue Vue Router

Vue Router 之 Named Routes

務上我們不希望 <router-link/> 直接綁定到 Route,這樣將來 Route 改變時,會所有 <router-link/> 都要改,而希望綁定到 Name,這樣將
[
Vue Vue Router

Vue Router 之 Dynamic Route Matching

實務上 Route 也會如 Restful API 一樣,動態在 Route 中夾帶 Data,此時可使用 Dynamic Route Matching,而不用將 Route 寫死。
[
Vue Vue Router

Vue Router 基礎概念

ue 雖然由 Component 所構成,為了模擬出不同頁面有不同網址,Vue 官方也提供了 Vue Router,這是前端自己的 Route,有別於後端的 Route。
[
Vue Vue Router

使用 Vue Component 實現連動下拉選單

連動下拉選單也是實務上常見需求,練習使用 Vue 實現二連動下拉選單即可。
[
[CDATA[ 點燈坊 ] 2019-06-16 20:24:07
Vue

NVM Cheat Sheet

VM 是 Node 版本管理程式,可用來安裝/移除不同版本的 Node,還可以切換 Node 版本,若你大量依賴 Node 生態系,NVM 一定要安裝。
[
[CDATA[ 點燈坊 ] 2019-06-16 10:38:23
Node NVM

如何手動更新 Vue CLI ?

Vue CLI 有新版本時,執行 Vue CLI 指令會有提示訊息,顯示有新版本釋出,該如何手動更新呢 ?
[
[CDATA[ 點燈坊 ] 2019-06-16 10:03:05
Vue Vue CLI

如何將 N 個 Array 合併成單一 Array ?

oncat() 能將兩個 Array 合併成單一 Array,若是 N 個 Array 呢 ? Ramda 沒有提供此 Function,但我們能自行組合出 concatAll(),進而抽象化出 re
[
[CDATA[ 點燈坊 ] 2019-06-15 16:59:31
Ramda

订阅源