VuePress 客製化的核心：佈景主題 主題是客製化的基礎，其實我們前面直接運作起來時看到的畫面佈局，就是 VuePress 的預設主題。 而當預設主題無法滿足需求時，就可以選擇安裝其他主題，或者在...
VuePress最基礎的客製化：config.js 這一篇不會把所有 config.js 的設定參數都完整列出，我只列出我覺得比較必要的設置，如果想看完整的設定參數可以參閱 官方文件 喔！ 附上經典...
今天介紹 watchEffect 與 Lifecycle hooks watchEffect const count = ref(0) watchEffect(() => console.lo...
讓我們來看看如何開始使用我們定義好的 Vue Component 註冊 在使用 Component 之前我們必須先註冊它，Vue 有兩種的組件類型可以用來註冊 全域型就是上一篇出現的 Vue.comp...
One Piece 已要啟航，我們要跳船嗎？ 昨天我們已經大略的介紹了 vue 的使用方法與基本要素，來複習一下吧！ 在我們的文件裡至少要有這三個元素，才能使 Vue.js 正常的運作： 載入...
HTTP Request 一直以來都是一個很大的課題，他也牽扯到了API的概念，所以這篇基本上我們就要好好聊聊API是甚麼? Vue 要怎麼用到HTTP request? 前言 其實我必須要跟大家...
首先 App.vue 內這裡新增事件 <h1 @click="showLoginClick">IT幫幫忙 - 鐵人賽 30 天 接著導覽列 內新增一條指向 /logi...
看過前幾篇文章的朋友應該會發現，我們開頭的範例都非常類似，一個下拉選單可以更改頁面中的值，今天也不例外，但要透過框架強化的項目會有所不同。 在案例中，我們的下拉選單內的值都是寫死在網頁上的，這部分其實...
tags: Vue.js ItIron2020 前言 前幾天下來，其實我們已經學了足夠的東西讓我們打造一個小型的vue專案了! 今天就用一個簡單的計算機app來練練手，複習一下自己所學的東西吧? 講起...
v-bind v-bind 簡寫為:，可以用在html標籤裡的屬性，讓屬性值等於你的data。 用個簡單的範例:先在data新增一個link值為https://tw.yahoo.com/ 。 data...