Vue 3 Methods × Computed × Watch
本文主要內容為探討 Vue 3 的 Methods、Computed、Watch 的寫法與相關知識。
#vue
共有 17 篇相關文章
使用 Quasar CLI 建構 SSR 網站
最近專案要從 SPA 改成 SSR，雖然一般而言 SSR 是在專案開發前或者開發初期就得考量，但是事情總有個萬一，俗話說的好，需求是會成長的？總之好險 Quasar 有提供建構 SSR 的方法，這對於轉換到 SSR 會減少許多麻煩。
如何避免在按下 Enter 時自動換行
使用 Contenteditable 送出輸入訊息時，我們會監聽 Enter 按鍵來換行，但是這個動作會觸發換行效果，導致送出的訊息多出一個空行，這個問題該怎麼解決呢？
使用 vue-tribute 實作標記功能
這篇文章主要說明如何透過 vue-tribute 來實作網頁上的標記功能（@mention），先備知識必須要已經基本會使用 Vue。
Vue.js 使用 v-bind 動態綁定 Class、Style 與各種屬性
本篇介紹如何透過 v-bind 指令來動態綁定屬性，這是很常用到的技巧喔，以下就來介紹各種 v-bind 綁定的用法吧！
在 Quasar 使用全域 Filter 過濾器
這篇文章會介紹如何在 Quasar 加入全域的 Filter 過濾器，讓我們在各元件之中都能直接使用過濾器。
客製化修改 Quasar Framework 元件樣式
最近在使用 Quasar CLI 開發專案，裡面有許多已經做好的元件可以使用，但是它所提供的元件是層層包裝好的，有些元件的 CSS 樣式甚至使用 important 還是難以覆寫或修改。這邊要介紹在 Quasar Framework 之中該如何強硬地修改 CSS 樣式，來客製化 Quasar 提供的元件。
使用 Vuex 模組化管理資料
本文延續上篇的 Vuex 基礎入門文章，將介紹該如何透過 Vuex 管理專案的元件與資料狀態，也會介紹如何將 Store 的資料模組化，以減少專案程式碼的重複性，並提升程式碼的可讀性。
使用 Vuex 管理資料狀態
瞭解 Vue 的指令、元件、路由配置等概念後，我們用 Vue CLI 製作的網站差不多告一段落了！然而 Vue 生態圈還有一個必備技能是 Vuex，我們現在就來把 Vuex 也加入專案，讓我們的資料狀態可以跨元件同步。
Vue.js 使用 Filter 自訂資料呈現格式
Vue 提供的 Filter 過濾器可用於自訂畫面資料的呈現格式，如果不是做複雜的資料處理，只是做簡單調整的話，就很適合使用 Filter。
Vue.js 使用 Emit 由內向外傳遞資訊
上一篇的 Props 是由外而內傳遞資料，而且要盡量與外層資料斷開關係，而 Emit 則是把資料由內向外傳遞。
Vue.js Props - 由外到內的資料傳遞
本篇文章介紹父子元件之間，由外到內的資料傳遞方式 Props。
Vue 生命週期 (Lifecycle)
本文簡單介紹 Vue 的生命週期，瞭解 Vue 的生命週期對於熟悉 Vue.js 會有很大的幫助。
Vue.js Methods、Computed 與 Watch 的差異
在 Vue.js 中 Methods、Computed、Watch 裡面都可以寫函式，這三種屬性有什麼差異呢？
Vue.js v-for 使用細節
在使用 v-for 時有一些要注意的小地方，事先搞清楚這些觀念，在開發時就不會卡關哩。
Vue.js Event Modifier
在使用 Vue 的 v-on 時可以搭配修飾符，幫助我們加上一些附加作用，而 Vue 幫我們包裝好的修飾符有事件修飾符、按鍵修飾符，與滑鼠修飾符這三種。
Vue.js 呈現資料的幾種方法
建立起一個 Vue 的應用程式後，我們有 Mustache、v-html、v-text、v-model 這好幾種不同的語法可以將資料呈現到畫面上，這些方式有什麼差別，使用時又有哪些要注意的地方哩。