newsource

모든 데이터를 vuex 또는 redux에 저장하는 것이 좋습니까? 데이터를 저장하면 성능이 저하됩니까?예를 들어 vue에 어플리케이션이 있는데 API를 통해 서버에서 고객 데이터를 가져옵니다.vuex에 저장하면 필터링된 데이터를 가져오도록 필터를 설정할 수 있습니다.이것이 내 vuex의 상태입니다. export const state = () => ({ allCustomers: [], hasError: false, loading: false, searchForm: { name: "", nationalCode: "", mobile: "" }, filterForm: { minAge: "", maxAge: "", minVisit: "", maxVisit: "", gender: "" }, tagForm: { vi..

Vuex는 개발 도구를 통해 수동으로 커밋될 때까지 변경을 커밋하지 않습니다. 아래와 같이 login.js라는 vuex 스토어 모듈을 가지고 있습니다. import axios from "axios"; import router from "@/router"; axios.defaults.baseURL = process.env.VUE_APP_API_ENDPOINT; const state = { access_token: localStorage.getItem("access_token") || null, }; const getters = { loggedIn() { return ( state.access_token != null && localStorage.getItem("access_token") != null );..

Storybook의 Vuex 저장소가 정의되지 않았습니다. main.js는 다음과 같습니다. import './plugins'; import store from './store'; import FileUpload from './components/FileUpload'; export default { install(Vue) { Vue.component('file-upload', FileUpload); Vue.prototype.fileUploadStore = store; } } My FileUpload 컴포넌트는 다음과 같습니다. Upload files 제 이야기는 이렇습니다. import FileUpload from '../resources/js/components/FileUpload'; export de..

상태 변경 후 v-if를 사용하여 요소 숨기기 이걸로 이틀째 머리를 짓누르고 있는데 아직 반응성을 이해하지 못하고 있는 것 같아요. 컴포넌트는 다음과 같습니다. {{ name }} 제가 이루고 싶은 것은 다음과 같습니다. 북마크 [A, B, C]를 가진 GIVEN 사용자(각 북마크 "slug") 사용자가 B에서 별을 클릭할 때 그런 다음 Bookmark 해제가 트리거되어 B가 상태에서 제거됩니다.북마크 AND 스타는 스타트 아웃 라인으로 바뀝니다. 문제는 북마크는 계산된 변수이고 slug는 버팀목이고 상태가 바뀔 때마다 비교할 방법을 찾을 수 없다는 것입니다.Set type이 Vue에서 반응하지 않는 것을 확인했습니다(아직). https://github.com/vuejs/vue/issues/2410#is..

특정 방법으로 Vue.js Vuex 모듈 자동 등록 방금 Vue.js를 시작했는데 Vuex를 사용하려고 합니다.디렉토리 내에는 다음과 같은 구조가 있습니다.src/store/ store ├── index.js └── modules ├── app │ └── index.js └── auth └── index.js 각 모듈에는 1개의 파일만 있습니다.index.js, 그 파일들 중에서getters, actions, mutations, etc각 모듈의. 질문은 다음과 같습니다.이 모든 모듈을 에 자동 등록하려면 어떻게 해야 합니까?src/store/index.js일일이 등록할 필요 없이 파일을 만들 수 있습니다.이 작업은 어플리케이션이 커짐에 따라 지루한 작업이 될 것입니다.또한 각 모듈이 자체 등록될 때 속성..

Vuex 이름 지정 저장소 집합 두 상태 제 프로젝트에는 필터 입력 값을 저장하고 나중에 백엔드를 쿼리하는 데 사용할 수 있는 필터로 변환하는 복잡한 vuex 저장소가 있습니다.나는 두 개의 다른 테이블 옆에 그 필터를 사용한다.table1의 id = 123을 필터링할 경우 table2의 필터가 id = 123이 되지 않도록 합니다.그래서 모듈을 만들어서 네임세일즈 스토어를 사용해보겠습니다.내 vuex store index.js는 다음과 같습니다. import myFilterModule from './filter.module'; Vue.use(Vuex); export default new Vuex.Store({ modules: { filter1: myFilterModule, filter2: myFilte..

v-if / v-show를 사용하지 않고 vue로 이행 제가 Vue의 이행을 처음 해보는 사람이기 때문에 간단한 질문입니다.질문은 요소/컴포넌트를 재렌더하지 않고 이행할 수 있는지 여부입니다.따라서 v-if 또는 v-show를 사용하지 않습니다.두 개의 다른 제목 표시줄 버튼을 눌러 div 컴포넌트를 확장 및 축소하기 때문에 전환 시 요소를 다시 렌더링하지 않았으면 합니다.정답을 찾아라! 아래 코드에서 "추적" 버튼을 누를 때 확장 전환을 적용하고 "추적 버튼"으로 전환을 되돌립니다. 애니메이션 CSS 클래스를 창에 직접 바인딩합니다. 아래와 같은 데모(바인드)minimize또는maximize). new Vue ({ el:'#app', data () { return { classes: '' } }, me..

vue-tables-2의 데이터 새로고침(Vuex) 모듈: https://github.com/matfish2/vue-tables-2 CRUD 앱을 만들고 있습니다.Ajax 콜을 통해 가져온 데이터를 vue-tables-2로 새로고침하려면 어떻게 해야 합니까?앱 어딘가에서 업데이트 스테이트먼트가 실행된 후 테이블을 새로고침하고 싶었습니다. Vue-tables가 내 설정에서 Vuex를 사용하고 있습니다. 편집 : 데이터 속성을 위한 테이블의 Javascript 코드를 추가하였습니다. export default { data() { return { columns: ['ID','NAME', 'POSITION', 'APPLICATIONS','DESCRIPTION','STATUS','ENCODED_BY'], opti..

이 글을 쓰는 것을 피하는 방법.$store.state.donkey는 Vue에서 항상? Vue를 배우고 있는데 어느 곳에서나 다음과 같은 구문이 있다는 것을 알게 되었습니다. export default { components: { Navigation, View1 }, computed: { classObject: function() { return { alert: this.$store.state.environment !== "dev", info: this.$store.state.environment === "dev" }; } } } 쓰는 것은 귀찮다.this.$store.state.donkey가독성도 떨어집니다.나는 내가 그것을 최적이 아닌 방법으로 하고 있다는 것을 느낀다.매장 상황을 어떻게 설명하면 좋..

Vuex 상태 필터링 Vue 개발 과정에서는 Vuex를 주(州)용으로 사용하는 방법에 대해 조금 더 검토했습니다. 이전에는 검색 기능이 있는 마스터 Vue 컴포넌트 1개, 루프오버할 아이템 배열 및 아이템 반복이 있었습니다. 단일 컴포넌트를 여러 컴포넌트(검색, 아이템 목록 및 아이템)로 분할하려고 했을 때 자 컴포넌트 내에서 무효 속성을 변경할 수 없다는 것을 알았습니다. 그러면 항목 목록을 어떻게 필터링해야 할까요?상태 돌연변이를 통해 처리합니까, 아니면 자식 구성요소의 계산된 속성을 통해 처리합니까? 아까는 하고 있었는데 export default { components: { Job }, data() { return { list: [], categories: [], states: states, co..