在 Vue3 中處理資料時，常常會有資料不斷向子組件傳遞的需求，一旦層級越來越多、維護上就越來越麻煩，所以這篇我們請 provide & inject 來 解決這個問題。 接下來的程式碼都...
在處理 API 或其他非同步事件時，常常需要另外定義其他狀態：例如判斷是否已拿到資料等。 在 Vue3 中 我們可以使用 Suspense 輕鬆完成這件事情。 基本用法 首先新增 <Suspe...
結束了 vue-i18n，那今天就要來與各位分享 Vue Router 拉 Router 首先，我們在講 Vue-Router 之前需要先了解 Router 是什麼？Router 也可以稱之為路由，當...
路由方法介紹 首先新建立一個 routerNavigation 的元件。 <template> <button type="button" @click=&q...
常用的 vue 指令有 v-show v-if v-model v-bind v-on但如果能客製化指令呢? 像是 pure-admin-thin 就有兩個作者寫的自訂義指令 v-auth v-res...
一、數據傳遞方法 前面幾篇提到的 Vuex props 適用於父組件傳給子組件 配置方式 // component 標籤設定屬性傳遞資料給子組件 <test product...
昨日與各位介紹了 vue-i18n 的模式那今日我們來看看該如何呈現在網頁上且可以自由切換語系吧！ vue-i18n 切換語系 首先我們需要先打開我們 locales 資料夾下的 en.json 檔：...
透過參數決定路由內容 - 動態路由 當我們遇到一百個產品，當然不可能就建一百個路由，因此我們需要 動態路由 來幫助我們快速建立一百個路由(誤。 參考文章 : Vue Router-Dynamic Ro...
到目前為止，各位可以看到，我們只用了一些簡單的 Javascript 程式碼，非但改善了 Google 翻譯的閱讀體驗，還提供了一鍵翻譯修改保存的功能。 在整段過程中，我們連最多人常用的 jQuer...
composables 中文為可組合的程式就像是積木一樣，會希望將一再重複的東西變成積木重複使用它(根據需求去組合) mixins 在 vue2 的時候有一個 mixins 讓使用者把組件重複的東西(...