綜合以上模板語法的學習，過程中照著教學步驟做了一遍，官方範例都很清楚，但實際做的時候一定會遇到滿多問題的，所以想了一個簡單的例子讓自己實作，雖然被範例洗腦太深可能會大同小異就是了XD。 今天的練習的主...
結束了ES6，接著進入Vue的世界囉 Why 前端框架 幫助我們把資料對應成HTML 像是用JS定義物件，陣列存商品相關資訊，將資料另外寫成JS而非寫入HTML，目的是想在未來調整或是做外部資料...
今日做完後會長這樣 繼續昨天的進度 該補上搜尋的框框了 先來看一下其他兩家的東西 恩... 不簡單啊 ＸＤ? 暫且不看下面的視覺選單 先來打個字搜尋看看吧 嗯嗯 一樣有自動填入(Autoc...
續昨天的研究，修正 src 底下的檔案index.js 修正成 import Vue from 'vue' import App from './App.vue' new Vue({...
v-if 之前有提過，不過我們來說說更棒的寫法！老套路，先上官網条件渲染回到之前大富翁的主題，我們可以在界面上選擇切換： 詳細狀態：有細緻的大頭照、現金、存款、股票、房產數、總資產。 簡易狀態：小張...
https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天只用一個新組件，因我假設一個新手要上手這...
Vue 提供了監聽器，當資料變化時叫用函數，函數會有兩個傳入參數: 改變前的值、改變後的值，可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue.js 中有兩種使用方式: $watc...
過去9天裡我們學了些基礎，但目前一直在做單頁式的網頁，只有在App.vue檔上做編輯，該如何新增子頁並設定連結？ Router 今天我們就來看vue router，它是官方的路由管理器，那該怎麼安裝？...
在模板中可以放入 JavaScript 表達式來做運算，在簡單的例子中很方便，但在真正開發時，會造成兩個問題: 在模板內寫表達式，會看到 HTML 內穿插著 JavaScript 的代碼，在可讀性上...
使用v-on指令可以偵聽DOM 事件，並執行後續方法 下面例子在button上bind click事件，在click時改變資料(將原先定義好的counter + 1) <div id="...