在 Day 5 中我們提到了Vue中的條件渲染，我們用hardcode的方式指派isShow變數的boolean值，但是，假設今天需求改變，我們想透過一個按鈕來控制isShow的值，每觸發一次butt...
Case01 與 Day20 重點差異的部份： Controller 內 Action： [HttpGet] public IActionResult Case01() { // 透過 V...
package.json專案與套件相依設定檔 在開啟專案時我們使用的npm run serve指令就是在package.json中被定義的，打開package.json可以看到以下內容 "s...
問題回答 所謂跨元件，即是兩個元件並無父子關係，並沒有被對方包著。如果要互相傳遞資料，可以使用 mitt（在 Vue 2 是 event bus）、Vuex 或 route props 來處理。 Ev...
Vue的模板語法分成兩種---插值和指令，而今天我們要來講的是插值的部分，插值就是Mustache語法(雙大括號)，廢話不多說直接開始吧~ Text(文本) 數據綁定最常見的形式是使用Mustache...
本篇開始終於要進入解決需求的前置作業了！首先需要讓網站有個基本的置頂導覽列，讓我們有請 BootstrapVue 出場～直接交給 BootstrapVue 幫你處理好 RWD（Responsive W...
現在我們先來看看例子吧! Vue 的實體是透過 new 這個關鍵字來建立的。 再來我們會在body中第一個div標籤中給一個id，並且在實體中寫入一個el(element的意思)，會與html中的id...
Vue 裡面的事件處理，使用的方式會跟一般 JavaScript 的用法相近，下面跟著一起看吧~ 事件處理 v-on 使用的方式為 例1.<button v-on:事件名稱="&quo...
延續昨天今天要來做註冊頁把註冊的按鈕給加了上去以下是目前頁面 那我們就開始搞註冊頁吧!跟day8的流程一樣就不多贅述了總之我新增了一個register.vue然後把所登入的程式碼直接複製貼上^^既然是...
嘿～昨天的內容還行嗎？ 「兔兔，昨天突然就接收到大量語法！」 齁，這個我就要說聲不好意思～原本是應該先介紹基本觀念，但我們今天基本觀念要寫在 SFC 裡面練習，所以阿，就先介紹一下 SFC 囉～ 知...