cyworld

vuex 알 수 없는 작업 유형: showRegisterLogin/show 내가 다음 코드를 썼는데 오류가 보인다.왜 이러는 거지? 오류 [vuex] 알 수 없는 작업 유형: showRegisterLogin/show 홈 페이지.부에를 하다 // 구성요소 sh 메서드를 사용할 때 이 오류가 발생함 import { mapState, mapActions } from "vuex"; export default { name: "HomePage", components: { RegisterLogin }, data() { return {} }, computed: { ...mapState({ showRegisterLogin: state => state.showRegisterLogin.show }), }, methods: ..

Firebase 인증 상태가 변경된 후 Vue 앱 초기화 나는 내 Vue/vuex/vue-router + Firebase 앱에 약간의 문제가 있다.부트스트랩 코드는 Firebase와 Vuex에서 로그인한 사용자(있는 경우): new Vue({ el: '#app', router, store, template: '', components: { App }, beforeCreate() { firebase.initializeApp(firebaseConfig) // Because the code below is async, the app gets created before user is returned... .auth().onAuthStateChanged(user => { this.$store.commit('syn..

Mapstate를 사용하여 이 데이터를 매핑하는 방법 데이터를 가져올 수 있다.this.$store.state.workermanage.staff.staff 하지만 어떻게 이 코드를...mapstate를 사용하여 교환할 수 있을까, 고마워. persons: this.$store.state.workermanage.staff.staffcomputed: { ...mapState({ persons: state => state.workermanage.staff.staff }) } 그리고 다음과 같이 사용하십시오. {{ persons }} 중첩에 대한 게터 만들기staff저장되어 있는 것을 반대하다. const store = new Vuex.Store({ state: { workmanage: { staff: { st..

Vue의 하위 구성 요소에서 입력 값 가져오기 자식 구성 요소에서 모든 입력 값을 검색하려고 함(client그리고advice, 아래 참조), 그러나 어떻게 진행해야 할지 확실하지 않다. client.vue 충고.vue 각 구성요소는 위의 예보다 더 많은 필드를 가진다. 내 홈 페이지(부모)는 다음과 같이 단순해 보인다. 내 첫 번째 생각은$emit, 그러나 어떻게 20개 이상의 분야로 효율적으로 그것을 할 수 있을지는 확실하지 않다.@emitMethod="parentEmitMethod"각 방면에 걸쳐 나의 두 번째 생각은 (아래에서 본 바와 같이) Vuex 상점을 갖는 것이었지만, 모든 주를 한 번에 어떻게 구해야 할지 모르겠고 내가 해야 할지 잘 모르겠다. new Vuex.Store({ state: {..

Vuex에서 모든 개체 하위 속성 보기 나는 다음과 같은 Vuex 개체의 개별 속성을 보고 있다. this.$store.watch( function(state) {return state.views.height}, function() { //do something } ) this.$store.watch( function(state) {return state.views.width}, function() { //do something } ) 의 모든 오브젝트 속성을 볼 수 있는가?state.views개별 속성을 지정하지 않고?브룩스의watch방법에는 같은 것이 필요하다.options부에의 방식에서 나온 주장A가 있다.deep하위 속성에 대한 모든 변경 내용을 볼 수 있는 옵션 store.watch( state..

Vuex & Storybook:정의되지 않음, null 또는 원시 값에서 대응적 속성을 설정할 수 없음: 정의되지 않음 스토리북과 함께 Vuex를 사용할 때 문제가 있어.나는 그 문제를 증명하기 위해 Vue CLI와 스토리북 v5.3을 사용하여 약간의 기본적인 앱을 만들었다.그 코드는 기둡에 있는 이 리포에서 찾을 수 있다. 기본적으로 입력 필드 데이터를 내 저장소에 커밋하려고 한다.그러나 "정의되지 않음, null 또는 원시 값에 반응하는 속성을 설정할 수 없음: 정의되지 않음"이라는 Vuex 경고와 TypeError: "index.js:47 TypeError: 'in' 연산자를 사용하여 정의되지 않은 'foo'를 검색할 수 없음"이라는 경고가 표시된다. 나는 정말 복잡한 일을 하고 있지 않기 때문에 ..

Vuejs - 작업에서 데이터 반환 Vue 작업에서 데이터를 반환할 수 있는가, 아니면 스토어를 업데이트해야 하는가? 액션을 정의했지만 데이터가 반환되지 않음 getData(){ return { "a" : 1, "b" : 2 } } 실제로 액션으로부터 데이터를 반환할 수 있다.설명서: 동작은 비동기적인 경우가 많은데, 동작이 언제 수행되는지 어떻게 알 수 있는가?그리고 더 중요한 것은, 어떻게 하면 더 복잡한 비동기 흐름을 처리하기 위해 여러 행동을 함께 구성할 수 있을까? 약속과 자료를 반납해야 한다.resolve()방법: actions: { actionA () { return new Promise((resolve, reject) => { setTimeout(() => { resolve({ name: ..

Nuxt.js 저장소에서 localStorage를 사용하는 방법 나는 nux.js 프로젝트를 하고 있다.여기, 나는 사용하고 싶다.localStorage안쪽에Nuxt-Store그리고 또한 이 웹사이트에 접속하기를 원한다.localStorage로부터의 가치를 평가하다.Nuxt-Middleware에러가 발생했어. localStorage가 정의되지 않음. 내가 어떻게 이 문제를 해결할 수 있을까? 코드 샘플: setUser(state, { user }){ state.user = user state.isLoggedIn = true localStorage.setItem('user', JSON.stringify(user)); localStorage.setItem('isLoggedIn', state.isLoggedI..

Vue.js- Vuex 업데이트 - 구성 요소 DOM에 반영되지 않은 어레이 내부 상태 Vuex/스토어: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { todos: [ {id: 1, text: 'Clean kitchen', done: false}, {id: 2, text: 'Clean bedroom', done: false}, {id: 3, text: 'Clean bathroom', done: false}, {id: 3, text: 'Clean clothes', done: true}, ], }, mutations: { x(state, data) { state.todos..

Vuex를 사용할 때 내 Vue 앱에서 jwt의 혜택을 받을 수 있을까? 순수 PHP(PHP 프레임워크 없음)를 백엔드에 사용하는 Vue 앱을 만들고 있다.나의 인증시스템으로는 jwt(JSON Web Token)를 사용하면 도움이 된다고 생각했다.그래서 웹을 검색해보니 jwt의 도움을 받아 로그인-등록 시스템을 구축하는 데 도움이 되는 이 글과 이 글도 있었다.내 앱의 프런트 파트(Vue)와 백 파트(PHP)에 이러한 기사를 구현하는 데 문제가 없다.현재 나는 사용자가 사이트에 등록하면 요청을 보낼 수 있고, firebase php-jwt 라이브러리의 도움으로 jwt를 전면 파트에 다시 보낼 수 있다. 그러나 주요 질문은 여기에 온다.Vue 에코시스템에서 우리가 Vuex를 사용하는 이유 중 하나는 전 세..