goodjava

여러 Vue 애플리케이션, 여러 엔트리 파일, 동일한 Vuex/Vue3 Compostition Api 스토어 [반응성 상실] .cshtml Vue "mini-apps" 입니다.마이크로 프런트엔드와 클래식 SPA 사이여야 합니다.목적은 코드 베이스의 일부, 주로 의존관계를 공유하는 것입니다.의 「」를 컴파일 .chunk-vendors.jsJavascript "mini-files" 입니다.하면, 는 분할로 진행됩니다.chunk-vendors.js로딩이 느림으로써 최적화할 수 있습니다. 여기서 설명하는 문제는 2개의 루트 Vue 인스턴스가 공유 상태를 통해 서로 통신하도록 하는 것입니다.지금은 먼저 가져오거나 마운트한 앱만 비활성화 상태를 유지합니다.문제는 Vue 2 반응성 시스템/Vuex가 구체적인 Vue ..

Vue 3: 메서드 함수에서 상태에 액세스하는 방법 Vue에서는 처음이라 Vuex의 기본 부분이 누락되거나 구성 API가 작동하는 방식이 누락될 수 있습니다.저는 제 API에 POST 요청을 하려고 합니다.세션 저장소에 사용자 ID를 저장하지 않고 스토어에서 가져오고 싶습니다.상태 값의 계산된 검색을 비동기 API 메서드 호출에 전달할 수 없습니다.미정의로 로그에 기록됩니다.상태의 사용자는 로그인 또는 등록 후에 입력됩니다.지도 감사합니다! 컴포넌트의 컴포지션 API 스크립트태그 export default { name: 'ModalContent', setup() { const store = useStore(); const uid = computed(() => store.state.user.data.id)..

Vuex 변환이 실행 중이지만 vue dev 도구에서 수동으로 커밋될 때까지 구성 요소가 업데이트되지 않음 서비스 호출에서 채워진 계산된 속성에서 업데이트할 수 없는 vue 구성 요소가 있습니다. Feed.vue Stats for {{ feed.name}} loading {{ feedID }} 그것은 'feed/get'을 디스패치한다.공급 모듈에서 공급'... feed.disc.disc.disc.disc import { feedStatsService } from '../_services'; import { router } from '../_helpers'; export const feed = { namespaced: true, actions: { getFeed({ dispatch, commit }, { ..

Vuejs는 변경을 검출하여 사용자 개입 없이 페이지를 갱신합니다. 가 가지고 VueJS 어플리케이션 1 페이지)SPA사용자가 내 앱에 성공적으로 등록되면 홈 페이지로 리디렉션됩니다.이 홈 페이지에는 등록 시 제공한 전자 메일을 확인하도록 사용자에게 요청하는 바(경보)가 표시됩니다.주의: 이 바는 확인될 때까지 계속 표시됩니다. 새 탭에서 페이지가 나타납니다.Email have been successfully confirmed!막대는 사라지지만 사용자가 원래 탭(홈 페이지)으로 이동해도 막대는 계속 표시됩니다. 수 있는 ?user.isVerified사용자 개입 없이 바를 숨길 수 있습니까? (페이지를 이동하거나 링크를 클릭하거나)? API 호출을 사용하여 사용자의 데이터를 가져오려면: getUser({ ..

Vue.js 엄밀한 모드에서는 허용되지 않는 속성의 다중 정의 좋은 하루 되세요. https://github.com/vuejs/vue-hackernews-2.0을 사용하여 Vuejs/Vuex/vue-router를 사용하여 애플리케이션을 구축하고 있습니다. IE11을 사용하여 애플리케이션을 빌드 및 표시하면SCRIPT1046: Multiple definitions of a property not allowed in strict mode컴파일된 정보를 참조합니다.app.[#hash].js파일입니다. 컴포넌트의 다음 항목에 대한 중복 속성을 추적했습니다. Shopping preference Female Male 컴파일된 파일에서 참조할 수 있는 것은 다음뿐입니다. domProps: { checked: "MAL..

vuex 돌연변이에 비동기 기능이 없는 이유(어차피 작동하지 않음) 왜 모든 튜토리얼에서 돌연변이가 비동기 코드를 사용할 수 없다고 하는지 궁금해서요. 시도해보니 확실히 효과가 있더군요. mutations: { clearTodo(state) { setTimeout(() => state.todo = '', 1000) } }, 는 다음과 같은 동작을 일으킵니다. mutations: { clearTodo(state) { state.todo = '' } }, actions: { clearTodoAction({commit}) { setTimeout(() => commit('clearTodo'), 1000)} } 이 스레드에 대한 설명을 읽어주세요. 간단히 말하면, 이것이 내 생각에 가장 좋은 대답이다. 언급URL..

Vue 경로가 확인되기 전에 Vuex 액세스 입수 내용: 라우터(auth-required 루트 및 퍼블릭루트 포함) vuex(사용자 인증 상태 포함) 원하는 항목: 다음을 사용하여 서버에 요청 전송axios앱을 로드하기 전에(라우터가 해결되기 전에) 사용자의 인증 상태를 확인합니다. router.js: import Vue from 'vue' import Router from 'vue-router' import store from './store' Vue.use(Router) const router = new Router({ ... routes: [ { path: '/', name: 'home', component: Home }, { path: '/account', name: 'account', compo..

Vuetify 그리드를 사용하여 v-for 루프의 저장소 항목을 표시하는 방법 Vuetify 그리드 시스템에서 v-for 루프에 카드 항목을 표시하려고 합니다.루프는 Vuex 스토어 파일에서 템플릿으로 반환되는 동적으로 입력된 Firestore 항목을 통해 반복되도록 설정됩니다(이 경우 항목).$store.getters.getItems)를 Vuetify 카드로 렌더링합니다.용기의 작은 카드로 아이템을 렌더링하는 루프를 설정하는 데 성공했습니다.다만, 이 카드는 그리드로 렌더링 해 주었으면 합니다.즉, 예를 들어 4번째, 5번째, 6번째 카드 등 3장의 카드 후에 새로운 행으로 떨어지도록 브레이크 포인트를 만들고 싶습니다.어떻게 하면 좋을까요?v-for 루프에서 Vuex getter 메서드를 사용하지 않고..