#vue

Vue 3 Methods × Computed × Watch

April 30, 2021

本文主要內容為探討 Vue 3 的 Methods、Computed、Watch 的寫法與相關知識。

#vue#compositionapi

如何避免在按下 Enter 時自動換行

November 22, 2020

使用 Contenteditable 送出輸入訊息時，我們會監聽 Enter 按鍵來換行，但是這個動作會觸發換行效果，導致送出的訊息多出一個空行，這個問題該怎麼解決呢？

#javascript#vue

使用 vue-tribute 實作標記功能

July 19, 2020

這篇文章主要說明如何透過 vue-tribute 來實作網頁上的標記功能（@mention），先備知識必須要已經基本會使用 Vue。

#vue#javascript#html

Vue.js 使用 v-bind 動態綁定 Class、Style 與各種屬性

May 24, 2020

本篇介紹如何透過 v-bind 指令來動態綁定屬性，這是很常用到的技巧喔，以下就來介紹各種 v-bind 綁定的用法吧！

#vue

使用 Vuex 模組化管理資料

March 13, 2020

本文延續上篇的 Vuex 基礎入門文章，將介紹該如何透過 Vuex 管理專案的元件與資料狀態，也會介紹如何將 Store 的資料模組化，以減少專案程式碼的重複性，並提升程式碼的可讀性。

#vue#vuex

使用 Vuex 管理資料狀態

February 27, 2020

瞭解 Vue 的指令、元件、路由配置等概念後，我們用 Vue CLI 製作的網站差不多告一段落了！然而 Vue 生態圈還有一個必備技能是 Vuex，我們現在就來把 Vuex 也加入專案，讓我們的資料狀態可以跨元件同步。

#vue#vuex

Vue.js 使用 Filter 自訂資料呈現格式

December 7, 2019

Vue 提供的 Filter 過濾器可用於自訂畫面資料的呈現格式，如果不是做複雜的資料處理，只是做簡單調整的話，就很適合使用 Filter。

#vue

Vue.js 使用 Emit 由內向外傳遞資訊

November 13, 2019

上一篇的 Props 是由外而內傳遞資料，而且要盡量與外層資料斷開關係，而 Emit 則是把資料由內向外傳遞。

#vue

Vue.js Props - 由外到內的資料傳遞

November 12, 2019

本篇文章介紹父子元件之間，由外到內的資料傳遞方式 Props。

#vue

Vue 生命週期 (Lifecycle)

November 5, 2019

本文簡單介紹 Vue 的生命週期，瞭解 Vue 的生命週期對於熟悉 Vue.js 會有很大的幫助。

#vue

Vue.js Methods、Computed 與 Watch 的差異

October 31, 2019

在 Vue.js 中 Methods、Computed、Watch 裡面都可以寫函式，這三種屬性有什麼差異呢？

#vue

Vue.js v-for 使用細節

October 27, 2019

在使用 v-for 時有一些要注意的小地方，事先搞清楚這些觀念，在開發時就不會卡關哩。

#vue

Vue.js Event Modifier

October 13, 2019

在使用 Vue 的 v-on 時可以搭配修飾符，幫助我們加上一些附加作用，而 Vue 幫我們包裝好的修飾符有事件修飾符、按鍵修飾符，與滑鼠修飾符這三種。

#vue

Vue.js 呈現資料的幾種方法

October 10, 2019

建立起一個 Vue 的應用程式後，我們有 Mustache、v-html、v-text、v-model 這好幾種不同的語法可以將資料呈現到畫面上，這些方式有什麼差別，使用時又有哪些要注意的地方哩。

#vue