標籤: Vue.js 頁1
教學

使用 Vue.js 透過 Canvas 製作浮水印效果

說明使用 vue.js 搭配 canvas 製作浮水印的方法。
教學

在 Vue.js 裡面繪製 canavs

說明在 vue.js 內使用 canvas 繪製的初步做法。
教學

[Vue.js] 在 vue 抓到網址上的參數(URL Parameters) 與偵測參數變化的方法

如果在 vue-router 裡要抓到網址參數的話，可以透過 vue 原生的方法就好了。
教學

[Vue.js] 搜尋關鍵字與標注(mark, highlight)功能

這是一個功能需求，就是要在搜尋關鍵字的時候直接在頁面上標註(mark, highlight) 搜尋的關鍵字出來，這邊用 Vue.js 示範給大家看一下。
教學

[Vue.js] 建置 Vue-cli 開發環境

為了要快速開發 vue 的專案，我們常常會搭配 Vue-cli，這邊介紹一下該怎麼設定 vue-cli 的環境。
教學

使用 VSCode 快速生成 Vue 模板

應該用 VS Code 開發網頁的朋友不少，雖這邊來教一下大家怎麼使用 VS Code 快速建立 vue 的模板。
教學

[Vue.js] 利用 HTML5 File api

這邊紀錄一下用 Vue.js 使用 HTML5 File api 的方法。
教學

如何在 vue-cli 專案裡面使用 Font Awesome

筆記一下如何在 vue-cli 下使用 Font Awesome 的圖示。
教學

[Vue.js] Vue3 透過 v-model 在 component 傳遞資料

當在自訂 component 使用 v-model 時，component 接收一個 modelValue 的值，然後透過觸發 update:modelValue 事件來更新該值。
教學

[Vue.js] 計算選取的 checkbox 數量

利用 vue.js 來計算 checkbox 選取的數量。
教學

[Vue.js] 官方推薦的非同步工具- axios

要在 vue 裡面使用非同步讀取資料的功能，可以使用 axios 這個官方推薦的工具。
教學

[Vue.js] 透過 axios 的 ajax 上傳

如何透過 vue.js 達成 axios 的 ajax upload
教學

[Vue.js] 使用 computed 把既有的值作轉換

在 Vue.js 裡，常常使用 computed 讓我們就既有的值做進一步的轉換，並比較與 watch 的差別。
教學

[Vue.js] 使用 v-cloak 解決 Vue Instance 顯示變數的問題

我們使用 Vue.js 的時候，都會有頁面剛進入的時候會看到 vue 的變數像是 {{ data }} 這樣的問題，或是我們設定 v-if 或 v-show，在頁面進入時會先出現一瞬間才消失，這時候我們只要使用 v-cloak 就可以解決了。
教學

[Vue.js] 偵測滑鼠位置

要在 Vue.js 裡偵測滑鼠的位置，只要抓 mousemove 的事件就好了，接著再去抓取 event.clientX 跟 event.clientY 就好。
教學

[Vue.js] 在 component 裡面置換不同內容: slot

我們可能會遇到有些時候共用的 component 裡要做一點不同的變化，但如果為了這點而多做一個 component 又會變成要維護另一個很類似的東西而覺得麻煩，這時就可以使用 slot 來幫我們達成這個需求。
教學

[Vue.js] component 狀態保留- keep-alive

如果我們利用 is 切換 componet，預設 componet 會整個更新，也就是說如果我們有更新 component 裡面的資料的話，會被整個刷新成初始狀態，這時我們就可以利用 keep-alive 來幫我們做 cache。
教學

[Vue.js] component 的 動態元件（Dynamic-Components）:is

我們可以使用 vue 的 is 來做到動態切換 component 的效果。