c10106

Vue 이벤트 또는 Vuex를 사용하여 구성 요소 간 데이터 전달(성능)? 나는 30-60fps의 캔버스 요소를 업데이트하기 위해 정보를 사용하는 한 컴포넌트와 다른 컴포넌트의 정보를 공유해야 하는 애플리케이션을 만들고 있다.나는 로우엔드 기기를 타겟으로 하고 있으므로 성능이 중요하다. 나는 현재 Vuex 스토어를 사용하고 있다/두 구성 요소 간에 정보를 전송하려고 한다.그것이 그렇게 깨끗하지는 않겠지만, 나는 이 정보를 체인을 위아래로 전달하는 데 이벤트도 사용할 수 있다는 것을 깨달았다. 나는 Vuex에 대한 성능 정보를 찾는데 어려움을 겪었기 때문에 코드의 중요한 부분을 다시 쓰기 전에 여기서 물어봐야겠다고 생각했다. 그게 중요한지는 모르겠지만, 나는 현재 ES6 모듈에서 게이터들에게 전화하고 있어..

this.$store는 다음 예시 응용 프로그램 구조에서 정의되지 않음 애플리케이션 구조 설명서에 나와 있는 대로 Vuex를 사용하려고 한다.하지만 Vue dev 도구에는 $store가 표시되지 않고 내 코드에 정의되지 않은 상태로 반환되고 있다.나는 장바구니 예시를 참고용으로 사용해 왔다. import Vue from 'vue/dist/vue'; import store from './store'; import router from './router'; const app = new Vue({ el: '#app', store, router, computed: { loading() { return this.$store.state.application.loading.active; } } }); store/in..

로컬 구성 요소 데이터 대신 vuex를 사용하여 데이터를 저장해야 하는 경우 나는 vue로 만들어진 큰 프로젝트를 하고 있어.우리는 vuex를 국가 관리 시스템으로 사용하고 있지만, vuex는 내가 그들의 데이터에 다른 곳에서도 액세스할 필요가 없는 일부 구성 요소들이다.그렇다면 이 데이터를 구성 요소 데이터에 저장하거나 규약을 준수하여 vuex 모듈에 저장하는 것이 옳은가?미리 고맙다.여러 (독립) 구성 요소로 데이터에 액세스할 수 있어야 하는 경우 Vuex 저장소를 사용하십시오.당신이 모든 것을 Vuex 매장에 저장하지 말아야 하는 몇 가지 이유가 있다. 첫째로 복잡함!만약 당신이 복잡한 Vuex 스토어를 만들고 있다면 당신의 프로젝트가 성장함에 따라 효과적으로 사용할 수 없다. 반면에, 만약 당신이..

VUEX - 여러 맵동일한 작업 이름을 가진 작업 나는 많은 모듈을 위한 여러 가지 다른 파일들을 가지고 있다.공유된 일부 작업 이름 2개 이상의 mapActions를 사용하는 페이지가 있음다른 모듈에 대해 내 페이지에는 다음과 같은 내용이 있다. methods: { ...mapActions({ documents: ['setDocumentImage'], documentAddress: ['setDocumentImage'], selfie: ['setDocumentImage'] }), } 모든 모듈에 동작이 있음setDocumentImage그러나 문제는 다음과 같이 그들을 호출해야 한다는 것이다.this.setDocumentImage(file) 이 맵 각각에 대해 별칭을 만드는 방법이 있는가?내 페이지가 구분..

Vuex - 데이터 개체 속성으로 복제된 상태, 어레이 항목을 삭제할 수 없음 내 상태를 Vuex에서 구성 요소의 어레이로 복제했지만data(). 문제는 다음과 같은 작업을 통해 어레이의 첫 번째 항목을 클론에서 제거하려고 할 때입니다.shift()그리고 또한 로 그것을 다시 덧붙인다.unshift()다음 오류가 표시됨: [vuex] 돌연변이 처리기 외부에서 vuex 저장 상태를 변경하지 마십시오. 어떻게 하면 복제된 상태에서 실제 상태 자체에 영향을 미치지 않는 것을 삭제할 수 있을까? 저장/클론 beforeMount () { this.traningArea = this.stateExercises }, computed: { ...mapState({ userStore: state => state.userS..

Vue.js에서 임의로 ID 번호 생성 이것은 레시피를 전시하고 삭제, 추가, 수정 등 많은 작업을 하기 위한 프로젝트인데, 여러 번 항목별로 특별한 식별번호가 있어야 하는데, 상태 그대로 수작업으로 작성한다.예를 들어, 레시피를 만들 때 이 레시피에 대한 새로운 식별 번호를 생성하려고 하는데, 여기에 수동으로 작성한다.문제는 각 레시피를 만들 때 어떻게 자동으로 생성하느냐 하는 것이다. 이 파일에는 레시피를 만드는 데 유용한 몇 가지 기능을 쓰고 있다.store.js: import Vue from "vue"; import Vuex from "vuex"; import image1 from "../assets/img/image4.jpg"; import image2 from "../assets/img/ima..

vuex와 함께 axios 인스턴스 사용 나는 레일즈 백엔드로 부에 프런트엔드를 만들고 있다. 프런트엔드에서 Axios를 사용하고 있으며 인증을 위해 다음과 같은 인터셉터를 설정했다. import axios from 'axios' const API_URL = 'http://localhost:3000' const securedAxiosInstance = axios.create({ baseURL: API_URL, withCredentials: true, headers: { 'Content-Type': 'application/json' } }) const plainAxiosInstance = axios.create({ baseURL: API_URL, withCredentials: true, headers: {..

Vue + Vuex 프로젝트 구조화 나는 내 글로벌 기능을 어디에 두어야 할지 혼란스럽다.많은 예에서 main.js 파일은 앱 구성요소를 가리키고 이것은 html의 어딘가에 배치된다.만약 내가 이 앱 구성 요소 안에 내 모든 논리를 포함한다면 이 작업흐름은 나에게 좋을 것이다.하지만 나는 라라벨 기능과 부품을 결합하고 있어. 그래서 나한테는 안 돼. 현재 내 main.js 파일에는 앱의 어디서든 액세스해야 하는 여러 가지 방법이 들어 있다.이러한 방법에는 방송 이벤트가 포함되어 있지 않으므로 vue-resource 인스턴스를 얻는 한 어디에나 효과적으로 배치할 수 있다. 내 main.js 파일: https://github.com/stephan-v/BeerQuest/blob/develop/resources..

돌연변이와 게터 사이의 상태 손실 - Vuex/Nuxt 클릭한 단추의 상태를 기준으로 구성 요소를 렌더링하려고 함(navBar.vue). 올바른 데이터로 동작과 돌연변이를 볼 수 있지만 게이터가 상태를 검색할 수 없는 경우pageVisible(둘 중 하나여야 한다)perso-page또는result-page). 다음 중 하나이다. 정의되지 않은 전혀 없음(console.log 없음) 나는 몇 가지 설정과 같은 많은 옵션을 시도했다.async await그러나 정말로 성공한 것은 없었다.나는 그것이 명백한 것이라고 확신하지만 나는 그 이유를 정확히 말할 수 없다. 내가 어떻게 getter에서 정확한 상태를 얻을 수 있는지 보고 전화할 수 있는지 알려줘.page.vue(현재로서는 아무것도 렌더링하지 않지만, 이..

Vue.js 2/Vuex - 스크롤바가 어떤 이유로 인해 파손됨 vue.js 2 및 vuex에서 앱을 만드는 동안 쉽게 복제할 수 없었던 이상한 문제가 발생함. 행을 추가하고 제거할 수 있는 테이블이 있어.Vuex 주에서 오는 줄과 내가 통상적인 방법으로 그 주를 헌신하고 변이해 왔고 그것은 훌륭하게 작동하고 있다. 그러나, 때때로 윈도우 스크롤 막대가 부서지고 작동을 멈추기 때문에 위/아래로 스크롤할 수 없다(혹은 앱이 걸려 있는가?!).페이지를 새로 고치면 모든 것이 다시 작동한다. 난 아무런 오류도 없고 Vue dev 도구는 이상한 것도 보고하지 않아. 나 역시 다른 브라우저에서도 같은 이슈를 접하게 되는데, 그것이 (그냥 배제하기 위해서) Vue Tools와 관련이 있을지도 모른다고 생각하고 있다..