＊過濾目標使用者經由選擇器篩選縣市後(如下圖)，跳出選定縣市的藥局資料。 第一步是先將raw data分類出select可以導入的縣市資料庫後，接下來就是進行基本的判定式(if/else)再利用陣列語法(filter)匯入顯示頁面。韓式內容大致是新增一變數，如選擇區域欄位是空的，就回傳與city相同的值，如選擇區域是有資料的，那就回傳與區域相同的。

閱讀全文

執行共分為四步驟 取得 篩選 配對 顯示

閱讀全文

觸發事件函式123$('選擇器').on('事件類型', function(){ 任意處理程序}) $()函式的功能是將HTML元素轉換為jQuery特殊元素，經此方法轉換後的HTML元素稱為「jQuery物件」 on()是設定「當某事件發生時，執行某指令」的方法。 第一個參數是「事件類型(Event Type)」：事件觸發的條件 第二個參數是「處理程序(Event Handler)」：事件被觸發後，接著要调用的方法。

閱讀全文

執行用途希望在rawData裡，取出不重複的屬性名稱，為了將縣市名稱傳到選擇欄裡，供使用者選擇想知道的縣市資料，我們可使用Set.prototype.add()取出不重複的屬性名。

閱讀全文

陣列使用的技巧是辨別 JavaScript 功力相當重要的一塊，只要能夠對於陣列資料操作熟悉，配合框架就能夠將開發效率更上層樓。

閱讀全文

Vue的組件溝通方式在單純的情況之下，兩個上、下層Vue組件若要進行溝通，會使用： 1. props由上傳下：上層使用 v-bind ，下層用props接到v-bind傳來的屬性資料由下傳上：下層發出$emit事件，上層則用v-on偵聽該事件 2. eventbus若專案更大一些，資料不太可能$emit一層一層慢慢傳上去，上層組件用v-on偵聽到事件並拿到資料之後，又再一層層用props慢慢傳到另一個下層組件，這樣很麻煩也很難維護，所以這種結構複雜的跨組件溝通會使用 eventbus 來傳遞資料。

閱讀全文

更新字串模板過去我們撰寫字串的時候都是使用”型態，這種寫法會讓程式碼變得很攏長且難以閱讀，再多行的時候也必須插入反斜線來換行。ES6 借鏡了許多開發工具，可以使用 反引號 來插入一段字串，並且可以使用 ${} 來加入變數或函式，省去一堆 +來做串接。

閱讀全文

使用時機在 Vue 框架的核心概念中，會盡可能將資料數據與 UI 封裝成可重複使用的組件，然而，當涉及組件與組件之間的資料交互傳輸時，就需要用到組件溝通的工具。 一般常用的父、子層組件溝通，會使用 props 、 $emit 來傳收資料；可是多個組件需要共用一種狀態時，就會需要使用到全域狀態管理的 Vuex。可是有時候情況只是兄、弟層組件溝通，沒有那麼複雜需要用到 Vuex ，就可以使用 EventBus。

閱讀全文

簡化後的箭頭函式123456789101112131415161718192021222324//宣告函式function double(n){ return n*2;}var double = function(n){ return n*2;}//箭頭函示const double = (n)=>{ return n*2;}//簡化箭頭函示//如果只有一個參數，可以省略括號const double = n =>{ return n*2}//簡化箭頭函示//如果函式本體只有一行，且return一個值，可以省略大括號、returnconst double = n => n*2})

閱讀全文

Vue Router 設置每頁 title通常網站不僅有一個網頁，建議每個網頁應當有一個專屬的title，以便管理 step0.在自己專案中的 router.js 或 router/index.js 檔案中(依照個人在專案中的檔案命名及路徑)，確定有引入 vue 及 vue-router

閱讀全文