c10106

vuex의 "모사" 돌연변이 import { remoteSettings } from 'somewhere'; const store = { state: { view: { foo: true } }, mutations: { toggleFoo(state) { state.view.foo = !state.view.foo; } }, actions: { async toggleFoo({ state, commit }) { commit('toggleFoo'); await remoteSettings.save(state); } } }; 나한테 이런 간단한 가게가 있다고 말해줘. toggleFoo동작은 돌연변이를 적용한 다음 비동기 호출로 새 상태를 저장한다.그러나, 만약remoteSettings.save()호출 실패, 저장소에 ..

VueJS + VUEX + 소방 기지:소방 기지를 어디에 설치할 것인가? 나는 내 Vue에 Firebase를 통합하고 싶다.JS앱. 나는 파이어베이스에 대한 참조를 어디에 두어야 할지 궁금하다.프로젝트의 종속성으로 Firebase를 설치하려면 다음과 같이 하십시오.cd프로젝트 디렉터리로 이동하고 명령줄에서 다음 명령을 실행하십시오. npm install --save firebase 이제 main.js 파일에 이것을 추가하십시오. import Vue from 'vue' import App from './App.vue' import * as firebase from 'firebase' import { store } from './store/store' const config = { apiKey: "xxxxx..

VueJS에서 v-for 지시문을 사용하여 여러 루트 요소를 렌더링하는 방법 지금, 나는 내 노드에 공급된 최근 뉴스 게시물을 보여주는 웹사이트를 만들려고 한다.JS API. 다음 사항을 시도해 보았다. HTML {{item.title}} {{item.msg}} 자바스크립트 const news = new Vue({ el: '#news', data: { posts: [ {title: 'My First News post', msg: 'This is your fist news!'}, {title: 'Cakes are great food', msg: 'Yummy Yummy Yummy'}, {title: 'How to learnVueJS', msg: 'Start Learning!'}, ] } }) 보아하니, 부에..

Vue 3에서 Vuex 4로 데이터를 설정하지 않음 나는 Vue 3를 Vuex 4와 함께 배우고 있는데, 나는 그것이 간단하다고 확신하지만 나는 볼 수 없는 무언가에 사로잡혀 있다. 간단히 말해서, 나는 몇 가지 데이터를state내 부품에 사용할 수 있게 하려고 했는데 작동이 안 돼 코드 보여줄게: /// store.js import { createStore } from 'vuex'; import axios from 'axios'; const store = createStore({ state: { user: {}, products: [] }, mutations: { SET_USER: (state, user) => { state.user = user; }, SET_PRODUCTS: (state, produ..

필요한 정보를 얻기 위해 두 개의 가져오기 요청을 결합하려면 어떻게 해야 하는가? 나는 영화에 대한 정보가 있는 사이트를 쓰고 있다.나는 장르를 파악해야 한다.하지만 문제는 이것이다.모든 주요 정보가 위치한 요청서에는 id로 장르가 표시된다.이 아이디와 장르 이름이 있는 곳에 또 다른 요청을 해야겠어.부에 컴포넌트에서, 나는 루프를 만들었다.그것과 함께 장르 외에 기본적인 정보를 보여준다.어떻게 하면 두 가지 질문을 조합할 수 있을까? 내 코드: movies.js export default { actions: { async getPopularFilms({ commit }) { const res_movies = await fetch( 'https://api.themoviedb.org/3/movie/popu..

jest.fnmus는 부르지 않았다고 주장하지만, 지금까지. 경로에 특정 매개 변수가 있을 때 내 Vuex 저장소에서 특정 작업을 호출하는 Vue 구성 요소를 테스트하는 중.로 그 행동을 조롱하고 있다.jest.fn(). 구성 요소의 관련 코드: await this.$store.dispatch('someOtherAction'); if (this.$route.params && this.$route.params.id) { this.$store.dispatch('selection/selectElement', parseInt(this.$route.params.id, 10)); } 여기에 모의 기능이 있다. someOtherAction = jest.fn(); selectElement = jest.fn(() => ..

vue.js가 노드를 제거할 때 gridstack.js가 내 요소를 스와핑하는 이유 나는 gridstack.js가 나의 vue 구성 요소와 함께 작동하도록 설정하려고 한다. https://github.com/troolee/gridstack.js#use-with-knockoutjs/. 여기 내가 가지고 있는 것의 코데펜이 있다: https://codepen.io/nyoung697/pen/BperoZ '텍스트박스'를 3번 클릭하여 3개의 텍스트 상자를 양식에 추가하십시오. 맨 위를 맴돌면서 휴지통을 클릭하여 상단 텍스트 상자를 삭제하십시오. 위에서 아래로 삭제하는 것은 효과가 있다.그리드스택이 그것을 상부에 추가하고 있기 때문에, 가장 최근의 요소는 상부에 있다.이것이 배열의 마지막 요소 입니다. 이제 텍스..

특정 인덱스에서 v-for 루프를 시작하는 방법 시작 방법v-for특정 색인을 반복하다 예제: 주어진 배열array = [a,b,c,d,e,f]; 나는 사용하길 원한다.v-for3번째 요소에서 루핑을 시작하는 루프.고마워 :)표준 슬라이스 방법만 사용하십시오. new Vue({ el: '#app', data: { items: [ 'aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff' ] } }) {{ item }} PS: 또는 v-for with v-if: new Vue({ el: '#app', data: { items: [ 'aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff' ] } }) {{ item }} 또는 사용자 지정 기능을 사용할 경우: new Vue({ ..

Vue의 상위 레이아웃에 전달되는 하위 뷰 구성 요소 TL;DR: 부모 구성 요소에서 참조하는 구성 요소의 특정 슬롯에 콘텐츠를 전달하는 것이 가능한가? 나는 Vue Router와 함께 제공되는 Vue Webpack Template를 사용하고 있는데, 이 템플릿은 바로 사용할 수 있는 단일 페이지 애플리케이션의 기초를 제공한다. 내가 직면하고 있는 문제는 아래와 같이 단순화된 마스터 레이아웃이 있다는 것이다. 그리고 항법 구성요소는 다음과 같다. always show this nav item only show this if no slot content provided 실내의 슬롯을 바꿀 수 있기를 원한다.Nav구성요소, 뷰 구성요소 내에서. 예를 들어 체크아웃 또는 탑승 흐름에서 사용자에게 표시되는 탐색..

Vuex 상태가 어레이를 개체로 반환하는 이유 Typecript + vue + vuex를 사용하는 경우 상태는 다음과 같이 정의됨 const state: CommonDataState = { clients: [], version: 1 } 게이터는 const getters: GetterTree = { getClients: state=> () => { return state.clients; }, getClientById: state => (id: string) => { return state.clients.filter(x => true)[0]; }, getVersion: state => (): Number => { return state.version; } } getter getClientById를 호출하는 ..