學習如何在Nuxt 3中使用Composeable來呼叫Pinia store

自從nuxt3.4.0更新後，無法在composeables使用piniastore。 //範例composeableimport{useAuthStore}from'~/store/auth-store';consta...

來自於 [Vue.js討論組] 2023-08-26 09:34:11 0  2  738

Vue 3 提供/注入的效能如何？

我從事的專案依賴應用程式級provide進行全域狀態管理。起初，provided物件很小，但它隨著專案的發展而不斷增長。在需要資料的地方注入該物件會對應用程式效能造成多大影響？如果沒有實作像Pinia這樣的全域狀態管理工...

來自於 [Vue.js討論組] 2023-08-26 09:46:02 0  1  565

在Vue 3的組合式API單元測試中，發現在onMounted()鉤子中未定義$route

我在我的元件的setup()函數中有一個onMounted()鉤子，它存取了$route.params屬性，但是當我在測試中模擬$route物件時，onMounted()鉤子中的$route是undefined，因此拋出...

來自於 [Vue.js討論組] 2023-08-26 08:54:29 0  1  515

如何處理 Vue3 和 Storybook 7 中的插槽

我正在嘗試將一個元件（UIButton）作為ButtonAsSlot故事中另一個元件（UICard）中的插槽傳遞。在ButtonAsSlot故事中，我傳遞default:'',作為args.default，因此它將在插槽...

來自於 [Vue.js討論組] 2023-08-26 00:23:54 0  1  652

"Nuxt.js：使用URL傳遞ID"

我想要取得使用者ID，所以我有一個下拉按鈕=<v-menutransition="slide-y-transition"bottomoffset-y><templatev-slot:...

來自於 [Vue.js討論組] 2023-08-26 00:11:20 0  2  544

標題重寫為：The module appears to be a WebAssembly module, but it is not flagged as such for webpack.

我正在嘗試在我的Vue專案中導入WebAssembly模組（用Rust編寫並使用wasm-pack編譯）。我所做的是建立一個專案：vue-clicreatemy-vue-webasm-proj我選擇了Vue2。之後我像這...

來自於 [Vue.js討論組] 2023-08-25 23:56:27 0  1  649

簡化 Vue 檔案結構：Vue & Vite 的幫助

我剛剛使用Vite打包工具創建了我的第一個Vue應用程式。我習慣使用Webpack打包工具和VueCLI來建立Vue項目，其中可以直接產生VueX和VueRouter的資料夾和檔案。但是，當我使用Vite創建Vue應用程...

來自於 [Vue.js討論組] 2023-08-25 23:15:00 0  1  483

Vue 3中如何為元件實例設定非響應式的資料？

對於Vue2有一個類似的問題，建議使用$options。但是對於Vue3似乎不起作用。首先，Vue3的文檔中說，$options是唯讀的。所以當我嘗試在元件掛載時初始化實例中的tooltip時，我得到了非常奇怪的行為，當...

來自於 [Vue.js討論組] 2023-08-25 23:08:24 0  1  606

"在 sessionStorage 和 localStorage 之間切換的 vuex-persistedstate"

如果使用者選擇了「記住我」複選框，我想要從sessionStorage切換到localStorage，同時我使用vuex-persistedstateexportdefaultstore(function(/*{ssrC...

來自於 [Vue.js討論組] 2023-08-25 23:06:52 0  1  547

移除路由器中的查詢項

我正在使用Vue中的replace方法將query添加到當前URL中。如果值不存在，我將其賦值為undefined。 this.$router.replace({name:"admin-frs",qu...

來自於 [Vue.js討論組] 2023-08-25 22:53:17 0  1  511

Vue.js專案錯誤：初始化前無法存取變數

我目前正在使用Vue3開發Twitter克隆。可以在此處找到相同的原始程式碼。 HomeView.vue的程式碼如下：<template><divclass="home">&l...

來自於 [Vue.js討論組] 2023-08-25 22:40:48 0  1  644

Vue 僅在結果變更時才更新計算屬性

考慮以下對我遇到的問題的簡化：exportdefault{data(){return{i_change_alot:0,};},mounted(){setInterval(()=>{this.i_change_alo...

來自於 [Vue.js討論組] 2023-08-25 21:59:19 0  1  559

取得Vue.js中Axios Get請求的回傳結果

我的專案是一個Vue.js專案。我使用Flask來處理api。當我嘗試使用axios.get請求時，我的api回傳了一個物件Objet。實際上，當我在Postman中嘗試相同的請求時，它是可以工作的。它會傳回數據。我的程...

來自於 [Vue.js討論組] 2023-08-25 21:53:06 0  2  515

使用導出的值在Vue Composition API的設定中

在一個普通的js檔案中，程式碼如下：exportdefaultasyncfunctionexportData(){const{data}=awaitstore.dispatch('fetchData')const{boo...

來自於 [Vue.js討論組] 2023-08-25 21:31:18 0  1  442

在Vue.js中如何設定會話值輸入

我有一個Vue.js的表單過濾器：<b-row><b-colmd="3"><b-form-group><label>姓名：</label>&...

來自於 [Vue.js討論組] 2023-08-25 21:15:59 0  1  543