반응형

vuex 59

Vue2: 메모리 리크

Vue2: 메모리 리크 컴포넌트 및 워처가 생성되지만 경유하여 새로운 루트로 이동할 때 올바르게 파괴되지 않는 문제가 있습니다.vue-router자동으로 처리해야 하는 거 아닌가요?아니면 시청자를 줄여 성능을 높일 수 있는 방법이 있을까요? 코드 샘플 (노드와 워처 카운트가 높아지는 이유) {{ formatData(record, column) }} 환경 vue 2.3.0 vue-router 2.1.1 vuex 2.0.0 언급URL : https://stackoverflow.com/questions/43738744/vue2-memory-leaks

itsource 2022.08.17

Vuex: Axios GET 요청에서 구성 요소 내부에 정의되지 않은 값이 반환됨

Vuex: Axios GET 요청에서 구성 요소 내부에 정의되지 않은 값이 반환됨 API에 GET 요청을 하기 위해 Vuex/Axios를 사용하고 있습니다.컴포넌트가 마운트되면 Vuex 스토어에 액션을 디스패치하여 Axios GET 요청을 합니다.Vuex 작업에서 Axios GET 요청은 예상대로 응답을 반환하지만 구성 요소 내부의 응답은 정의되지 않은 상태로 반환됩니다.내가 뭘 잘못하고 있지? axios/index.js import axios from 'axios'; const API_URL = 'http://localhost:3000/api/v1/'; const plainAxiosInstance = axios.create({ baseURL: API_URL, withCredentials: true, h..

itsource 2022.08.17

Vue.js vuex 모듈 내보내기/가져오기 실패

Vue.js vuex 모듈 내보내기/가져오기 실패 Vuex 모듈을 사용하려고 합니다만, 정상적으로 동작하고 있지 않습니다.디스패치하려고 하는 기존의 조작이 표시됩니다. store/index.displaces import Vue from 'vue' import Vuex from 'vuex' import * as getters from '@/store/getters' import { state, actions, mutations } from '@/store/root' import authentication from '@/store/modules/authentication' Vue.use(Vuex) const store = new Vuex.Store({ strict: process.env.NODE_ENV !=..

itsource 2022.08.16

Vue에서 구성 요소가 생성되었을 때 기능을 구현하는 방법은 무엇입니까?

Vue에서 구성 요소가 생성되었을 때 기능을 구현하는 방법은 무엇입니까? 문서에 따르면 Vue 객체의 생성자는 다음과 같이 관리된다. var vm = new Vue({ created: function () { console.log("I'm created!"); } }); 그러나 Vue 컴포넌트가 생성되었을 때 대응하는 방법을 알 수 없습니다.다음을 시도했지만 콘솔에 인쇄가 되지 않습니다. export default { created: function() { console.log("Component created!"); } } 렌더링 중인 컴포넌트를 구독/청취할 수 있습니까?그 이벤트에 대응하여 데이터를 다운로드하여 스토어에 넣어 컴포넌트가 가지고 있는 테이블에 정보를 표시하도록 하고 싶습니다.어플리케이션..

itsource 2022.08.16

Vuex에 있는 다른 상점의 getter를 어떻게 부르죠?

Vuex에 있는 다른 상점의 getter를 어떻게 부르죠? 있습니다vuex가게abc.js: import Vue from 'vue'; const state = { recordType: null }; const getters = { recordType: state => state.recordType, }; .... other code 나는 다른 것을 가지고 있다.vuex가게xyz.js: import { API } from '@/api'; import Vue from 'vue'; const state = { messages: null }; const getters = { messages: state => state.messages || [], }; const actions = { async openRecord..

itsource 2022.08.16

Vuex 구성 요소에 모듈 상태 액세스 저장

Vuex 구성 요소에 모듈 상태 액세스 저장 Vue와 Vuex는 처음이지만, 제가 알고 있는 이 문제에 대해 도움을 주실 수 있는지 알고 싶습니다만, 그 이유는 잘 모르겠습니다.주의: 라라벨에서 개발된 api를 사용하고 있습니다. 시나리오는 다음과 같습니다. 사용자 목록(데이터 테이블)을 표시하는 공통 구성 요소를 만들었습니다. 사용자/컴포넌트/Users.vue .... 현재 어플리케이션에는 일반 사용자, 관리자 및 슈퍼 관리자의 3가지 역할이 있습니다. 슈퍼 관리자는 디스플레이 사용자를 위해 다음 2개의 모듈을 갖습니다. 모든 일반 사용자 목록입니다. 모든 관리자 목록입니다. 이 2개의 모듈은 다른 루트에 있기 때문에 사용자 목록을 표시하는 공통 컴포넌트를 재사용했습니다. 현재 Vuex에는 두 개의 모..

itsource 2022.08.16

뷰 Vuex 부품 때 스토어의 변화하지 않습니다.

뷰 Vuex 부품 때 스토어의 변화하지 않습니다. 나는 뷰 Vuex과 반응도 공인을 받고 있다.나는 오픈 소스countdown 타이머를 사용하고 있습니다.때달러 가게,(페이지의 새로운 날짜 쇼)에서 사용 중인 항목 변화 그러나 데이터 카운트다운에 전달되item.dueDate 반응하는지 제대로 아래의 코드에서는 업데이트하지 않는다.그것은 낡은 값을 보유하고 있다.그러나 그것은 처음에 작동한다.그래서 갱신이 아니다.왜 안 되나요?고마워! Countdown {{item.name}} - {{item.dueDate}} 문제는 나는 수입한 카운트다운 모듈과 함께 있었다.내가 바로 예상대로 왜 기기 업데이트하지 않았다면, 제가 보았다. 밤 카운트 다운 모듈은 단 한번에 장착되어 있는 데이터를 가져오거나 설정합니다. ..

itsource 2022.08.16

Vuex Getter Hook(파라암 포함)

Vuex Getter Hook(파라암 포함) vuex getter 함수를 다음과 같은 파라미터로 정의했습니다. const getters = { getProjectById: (state) => (id) => { return state.projects.find(project => project.id === id) } } 이 getter를 컴포넌트에 사용하고 싶은데 파라미터를 getter에 전달하는 방법을 찾을 수 없었습니다. 다음은 getter hook 계산 속성입니다. computed: { ...mapGetters(["currentUserPhoto","getProjectById"]) }, 라우터로부터의 Id 파라미터를 getProjectId getter에 전달할 수 있습니까?가능하다면 어떻게 하는 것이 가..

itsource 2022.08.15

vuex 스토어에서 JSON 데이터를 사용하는 방법(웹 팩 없음)

vuex 스토어에서 JSON 데이터를 사용하는 방법(웹 팩 없음) 첫 번째 vuex 저장소를 성공적으로 설정했습니다.저장소에서 원하는 컴포넌트로 데이터 배열이 전달되어 올바르게 렌더링된다.이제 JSON 파일에서 데이터를 가져오고 싶은데 제대로 작동하지 않습니다.웹 팩을 사용하지 않습니다. 왜냐하면 이러한 도구를 사용할 수 없는 환경에서 프로젝트를 수행해야 할 경우가 있기 때문입니다. 다음은 JSON 파일에서 데이터를 가져오지 않고 작동합니다. 스토어 Vue.use(Vuex); const store = new Vuex.Store({ state: { products: [ { name: "Avocado Zwem Ring", inventory: 47, unit_price: 77, image:"a.jpg", ne..

itsource 2022.08.15

비동기 상태 변경 후 Vuex 기능 실행

비동기 상태 변경 후 Vuex 기능 실행 Vuex와 같은 제품의 일반적인 사용 사례에 대한 예를 찾는 데 어려움을 겪고 있습니다. api를 통해 입력하기 위해 스토어에 비동기 액션을 디스패치합니다.이 스토어가 채워지면 특정 작업을 수행해야 합니다. Vuex의 모든 예는 UI에 대한 직접적인 업데이트만 처리하는 것 같습니다.그러나 대부분의 경우 주요 컴포넌트 기반 작업도 수행해야 합니다. state: { // initial state values are all falsey id: false, name: false, }, getters: { getItem: (state) => { return state; }, }, actions: { setItem({commit}) { // async call to get ..

itsource 2022.08.15
반응형