導航守衛的條件，在巢狀路由和單層路由中，做法有一點點不同。在單層路由的條件只要查索到 meta 屬性就可以了；但是巢狀路由中，父子路由的 meta 屬性是整串集結在 matched 這個屬性裡面，而且是以陣列的形式儲存起來的。所以，需要稍微做點調整，才能順利地擋住使用者造訪特定路徑。 導航守衛的條件，在巢狀路由和單層路由中，做法有一點點不同。在單層路由的條件只要查索到 meta 屬性就可以了；但是巢狀路由中，父子路由的 meta 屬性是整串集結在 matched 這個屬性裡面，而且是以陣列的形式儲存起來的。所以，需要稍微做點調整，才能順利地擋住使用者造訪特定路徑。 ...

開始Leaflet囉 開始Leaflet囉 ...

Leaflet Leaflet ...

初學 JavaScript 時，若沒有程式語言的基礎，我相信許多人和我一樣，遇上了強烈的不適應感。這是因為電腦思考方式和人類完全不同。《寫給所有人的運算思維入門》這本書循序漸進的為我們解釋在開始寫程式碼前，需要注意些什麼。 ...

千分位與 $ 符號 因為網路上可以找到很多一樣的解決方式，加上這篇文章的主題也不是要記錄怎麼在數字中插入千分位和 $ 符號，所以就不囉嗦了。直接附上程式碼： ...

vee-validate 是 Vue 的套件。這個套件提供了一些 vue 指令讓我們可以快速的為網站裡的表單做驗證，並且提供回饋訊息。 安裝 npm install vee-validate --save 再於 main.js (Vue cli 中的 Vue 注入點)，將這個套件匯入專案中： @import VeeValidate* from 'vee-validate' //因為是在node module 中的套件，所以只需要套件名稱就可以了 Vue.use(VeeValidate); //名稱對應到上述 *，也就是我們為匯入的套件賦予的名稱 使用到 input這個套件是以 v-validate 和 input 標籤裡的 name 屬性裡的值做對應。有這個 name 的值，vee-validate 才知道要去哪個 input 做驗證。 <input v-validate="email"...

送出訂單、結帳 送出訂單、結帳 ...