newsource

Vuex 스토어를 복사하여 새 스토어로 Import 방법 IPC를 사용하여 Vuex 커밋을 한 창에서 다른 창으로 복제하는 방법을 Electron에서 작성하려고 합니다.이렇게 하면 개발자는 IPC 호출을 사용하여 모든 것을 수동으로 전송하지 않고도 브라우저 창 간에 Vuex 저장소를 심리스하게 사용할 수 있으므로 많은 코드가 중복됩니다. 지금까지 푸시 커밋을 처리하는 기본적인 Vue 플러그인을 작성했습니다. store.subscribe를 사용하는 일부 기본 코드만 사용하면 I IPC는 모든 커밋을 메인(main)으로 전송하고 모든 렌더러 창에 커밋을 전송하여 각각의 스토어에 커밋을 적용합니다.각각의 새로운 브라우저 Windows는 데이터를 다른 모든 브라우저로 전송할 수 있습니다.무한 루프를 방지하기 위..

Vuex 4 및 Vue 3에서 'mapActions' 또는 'mapGetters'를 사용합니다. 누구나 사용할 수 있다mapState또는mapGetters와 함께Vue 3에서setupfunction ?스토어를 사용할 수 있다는 것을 알고 있습니다.useStore훅으로 이 훅으로 모든 스토어를 Import 합니다.mapState또는mapGetters특정할 수 있습니다.module: // ... computed: { ...mapGetters('myModule', [ 'myStateVariable' ] ) //... 제가 알기로는 납작해서 못 쓰실 것 같아요myModule/myStateVariable,그렇지만myStateVariable작동해야 합니다. 이는 Vuex가 RC 릴리스에 따라 변경될 수 있지만 현재..

Vuex getter 반환이 정의되지 않음 사이트 전체 데이터를 저장하기 위해 vex를 사용하는 vue 앱이 있습니다. 사용자 정보를 가져와 다음과 같은 라이프 사이클 방법을 만들기 전에 위의 상태로 둡니다. const app = new Vue({ el: '#app', store, beforeCreate(){ store.dispatch('currentUser'); } }); 사용자 모듈에는 다음과 같은 사용자 이름을 얻을 수 있는 getter가 있습니다. const getters = { getName(state){ return state.user.name; } }; 내 컴포넌트에서 getter에 접속하여 컴포넌트 내의 사용자 이름을 표시하려고 합니다.Vue Chrome 개발 도구를 살펴보면 getter가..

각 항목의 Vuex getter Vuex 스토어의 각 항목에 대해 계산된 속성을 추가하는 방법을 찾고 있습니다.예를 들어, Todo 목록 응용프로그램에서 각 Todo 항목에 DueDate 및 Completed 플래그가 있을 수 있습니다.이러한 속성을 바탕으로 ToDo 항목이 연체되었는지 계산할 수 있습니다. import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { Todos: [] }, mutations: { /* ... */ }, actions: {/* ... */ } ); let exampleTodo = { Title: 'Go grocery shopping', Complet..

vue 3의 구성 API를 사용하여 플러그인을 보다 쉽게 사용할 수 있는 방법 추가할 때vuex또는vue-routervue의 플러그인과 옵션 api를 사용하여this키워드를 지정합니다. main.discloss.main.discloss. import { createApp } from 'vue'; import i18n from '@/i18n'; import router from './router'; import store from './store'; app.use(i18n); app.use(store); app.use(router); 랜덤 컴포넌트표시하다 그thiscomposition api에서는 키워드를 사용할 수 없기 때문에 많은 반복 코드가 발생합니다.를 사용하려면store,vue-router또는i1..

알 수 없는 작업 유형: currentUser/loginUser laravel/vuejs/vuex를 사용하여 로그인 폼을 작성하려고 하는데 작업을 실행하려고 하면 오류가 발생함컴포넌트에서 모듈에서 vuex 작업을 실행하려고 하는데 알 수 없는 작업 유형 currentUser/loginUser가 표시됩니다. login Form 입니다. Email address Password Check me out Submit 및 이 currentUser.js: import axios from "axios"; const state ={ user:{ } }; const getters= {}; const actions = { loginUser({},user){ axios.post("/login",{ email:..

vue + vuex를 사용한 개발 중에 모의 데이터 사용 Vue 앱도 Vuex를 사용하는 앱은 Vue입니다. 모든 것이 예상대로 정상적으로 동작하고 있습니다만, 실제로 API 엔드포인트를 호출하지 않고 작업할 수 있도록(주로 환율 제한을 피하기 위해) 개선하고 싶습니다. 나는 모의 폴더를 만들고 그 안에 파일을 넣었습니다.어떻게 하면 개발 중에 모크 및 실제 운영 환경에서 실제 api 엔드포인트를 사용할 수 있으며 코드도 엉망으로 만들 수 있을까요? 나는 가능한 한 적은 수의 레포(repo)를 만들었다.스토어에서 읽기를 담당하는 단일 스마트 컴포넌트인 vue + vuex를 포함하며, 덤 컴포넌트는 이를 표시합니다. 한마디로, 저는 이것을 바꿀 방법을 찾고 있습니다. const actions = { asy..

Vuex 데이터를 vue-meta에 바인딩하는 중 블로그를 만들고 있는데 Vuex와 Vue-meta를 연결하는데 어려움을 겪고 있어요.코드는 다음과 같습니다. 기사 템플릿에서는v-for="article in selectedArticle"Vuex의 올바른 기사를 표시하기 위한 계산된 속성 selectedArticle() { return this.$store.state.articles.filter(article => article.id == this.$route.params.id); }, Vue-meta를 다음과 같이 사용하려고 합니다. metaInfo: { title: ???, meta: [ { charset: 'utf-8' }, { vmid: 'description', name: 'description'..

템플릿에 있는 경우 "함수가 아니므로" 스토어의 Vue에 대한 getter에 액세스할 수 없습니다. vue와 vuex는 처음이고 Nuxt도 사용하고 있습니다.API(vuex)에서 가져온 데이터를 검색하는 기능을 템플릿에 사용하고 싶습니다.내가 왜 항상 이런 짓을 하는지 이해할 수 없다. state.allHandhelds.values.findIndex is not a function 템플릿은 다음과 같습니다. {{ handheldID("Form Factor") }} 제 계산에서는 함수를 다음과 같이 부릅니다. computed: { ...mapGetters(["allHandhelds"]), handheldID(merkmal) { return this.$store.getters.indexFinder(merkm..

Vuex 스토어 모듈 상태 개체를 비우는 방법 Vuex 스토어 모듈 상태 개체를 완전히 비우는 방법예를 들어 다음과 같은 경우 상태 객체의 단일 속성을 삭제하는 방법을 알고 있습니다.Vue.delete(state.slidesList, 'slide1')그러나 개별 속성이 삭제되었을 때(개체 자체를 삭제하지 않고) 개체 자체의 반응성을 잃지 않고 상태 개체를 완전히 비우고 싶다(개체 자체를 삭제하지 않음).Vue.delete)는, 무효인 getter와 setter를 삭제합니다(잘못된 경우는, 올바르게 해 주세요). 직접 설정state.slideList = {}반응하면서 물체를 비우나요?만약 그렇다면 그것은 시사하는 바가 있다state.slideList = {fname: 'Appu' }오브젝트를 비우지 않고 ..