goodsource

여러 Vue 애플리케이션, 단일 구성 요소 공유 저희 시스템에는 두 가지 주요 사용자 유형이 있으며, 앱을 하나의 repo로 두 개의 개별 폴더로 나누고 싶습니다.두 프로젝트 모두 사용할 수 있는 공유 컴포넌트를 lib로 하는 것이 좋습니다. 이러한 셋업을 실현하는 방법에 관한 베스트 프랙티스에 관한 가이던스를 찾고 있습니다.이상적으로는 다음 사항을 충족할 수 있습니다. 각 앱을 별도의 폴더에 저장 shared lib, github 패키지 사용 공유 컨피규레이션파일 공유 lib 폴더에서 실행 중인 스토리북 언급URL : https://stackoverflow.com/questions/61700597/multiple-vue-apps-shared-components-in-a-monorepo

Vue 컴포넌트의 모든 필드를 다른 컴포넌트와 함께 검증하는 방법(Vee-Validate 사용) Vue.js를 사용합니다.2.5.13+ VE-Validate2.0.3코드 구조는 다음과 같습니다. ./컴포넌트-1.vue: Submit! ./컴포넌트-2.vue: 필드 검증 방법ComponentTwo를 클릭하면button @click="submitForm"에ComponentOne(이 컴포넌트에 모든 폼 데이터를 저장합니다). 나는 비슷한 작은 Vue 컴포넌트로 만든 거대한 폼을 가지고 있다(모두 에서 수집됨).ComponentOne모든 것을 한 곳에서 검증하는 것이 좋습니다.다음과 같이 컴포넌트 vue 참조에서 수동으로 validateAll()을 트리거할 수 있습니다. 부모 성분 Submit! 언급URL : ..

VueX를 사용하는 VueJs 2와 Redux를 사용하는 리액 지난 며칠 동안 VueJs 2를 Vuex와 함께 살펴보았는데 정말 마음에 들어요. React에 대해 간략하게 소개한 결과 vue js 2를 쉽게 이해할 수 있었습니다. React의 인기가 높아지고 있는 것 같지만, Vue 2에 비해 React의 장점을 알 수 없습니다. 둘 다 라우팅 및 상태 관리 도구를 사용하는 컴포넌트 기반 프레임워크입니다. 그래서 누가 그 프레임워크들 사이의 주요 차이점들을 설명할 수 있을까요?이것은 독단적이고 주관적인 질문이다.또, 실제로는 아무것도 대답하는 것보다, 많은 경우, 신성하게 개시되기 때문에, StackOverflow 에는 적합하지 않습니다.단, 가능한 한 객관적인 방법으로 답변하도록 하겠습니다.(주의: V..

vue.js에서 새로 고치지 않고 페이지에서 데이터를 업데이트하는 방법 제 견해는 이렇습니다. @if (Auth::user()) @else Favorite @endif 내 컴포넌트는 다음과 같습니다. {{ store_id == 'responseFound' ? 'Un-Favorite' : 'Favorite' }} 위의 내 코드에서 location.syslog(true) 페이지상의 데이터를 갱신합니다.하지만 페이지를 다시 로드합니다. 페이지를 갱신할 때 페이지를 새로고침하지 않고 싶다. 어떻게 해야 하죠?OK 여기 간단한 사용 사례가 있습니다.또, 사용하는 대로 vuej를 사용하는 것도, 고객님의 경우와 마찬가지로 복잡하지 않습니다.(http://codepen.io/simondavies/pen/MJOQEW)..

vuex-sync의 용도는 무엇입니까? 가 vuex-router-sync 시키기 입니다.routevuex store는 이 사이트에 할 수 .route음음음같 뭇매하다 store.state.route.path store.state.route.params 나는 지만, 가 handle handle handle도 처리할 수 .route타타에 this.$route아, 아, 아, 아, 아, 아, 아, 아, 아, 아. 스토어에서 루트를 사용해야 하는 경우 및 vuex-router-sync가 필요한 시나리오는 무엇입니까?을 사용하다vuex-router-sync할 수 , 하려는 경우 할 수 .route의 vuex의 메서드예:this.$routeVuex(부렉스) 예를 들어 보겠습니다. 하나의 컴포넌트에 메시지를 표시한다고..

vuejs 프로젝트를 heroku에 전개하는 방법 저는 https://github.com/misterGF/CoPilot에서 이 프로젝트를 진행하고 있습니다만, 이 프로젝트가 종료되었으므로 헤로쿠에 푸시하고 싶습니다.문제는 heroku에게 앱을 시작하라고 말하는 것입니다. heroku의 예에서는 데모서버는 다음에서 정보를 취득한 후 실행됩니다.Procfile이 데이터가 포함되어 있습니다. web: node index.js 그러나 vuejs 프로젝트에는 콘텐츠를 서버하는 index.js가 없습니다. 나는 주요 진입점만 가지고 있다.index.htmlprocfile은 HTML에서는 동작하지 않습니다.또한 소규모 스태틱서버를 정의하여index.html파일입니다. 간단한 설정 예는,http-server: npm ..

vue i18n - javascript 오브젝트로 사용(템플릿 내가 아님) vue, vue-i18n을 javascript(개체로서)만으로 사용할 수 있고 템플릿에서는 사용할 수 없습니까? window.confirm 같은 곳에서 사용하고 싶은데 가능한가요? 고마워요.네, 가능합니다. 저는 플러그인을 사용한 적이 없습니다만, 매우 간단해 보입니다. 먼저 인스턴스를 만듭니다. // Ready translated locale messages const messages = { en: { message: { greeting: 'hi {name}' } }, es: { message: { greeting: 'hola {name}' } } } // Create VueI18n instance with options con..

상위 컴포넌트의 소품 접근 방법 확인 - 포장지가 아닌 수입업체 전체적인 목표: 하위 Vue 컴포넌트에서 컴포넌트를 Import하여 사용하는 컴포넌트에 액세스합니다.이 컴포넌트가 항상 동일한 것은 아닙니다.$parent이 작업은 자 컴포넌트 내에서만 수행해야 합니다(가능한 경우). 우리는 가지고 있다.PinButtonVue 컴포넌트는 다른 컴포넌트에 "pinning" 기능을 추가하기 위한 것입니다.이 컴포넌트는 다른 많은 컴포넌트에서 사용되고 있으며 부모 컴포넌트로 소품을 되돌려 저장 및 "핀 콘텐츠"의 다른 페이지에 렌더링할 수 있도록 부모 컴포넌트에 액세스할 수 있어야 합니다. 주의: 부모 소품을 컴포넌트에 수동으로 전달하면 가능합니다.컴포넌트를 사용할 때마다 이 작업을 수행할 필요가 없습니다. 부모..

v-model 및 데이터베이스 바인딩 없이 입력에 값 할당 v-for에서 일부 입력 필드를 개체에 바인딩하지 않고 일부 텍스트로 초기화해야 합니다.현재 시도 중입니다. 단, item.name은 아이템명이 아닌 입력으로 출력됩니다.어떻게 하면 좋을까요?v-model통사당일 뿐이다:value이벤트, 보통@input여기서 문서를 참조해 주세요. noop 함수를 전달할 수 있습니다.() => {}값 업데이트를 취소하거나 새 값으로 원하는 작업을 수행하려면 값을 다른 개체에 할당할 수 있습니다. 주의:요소는 무효이며 닫힘 태그가 필요하지 않습니다. new Vue({ el: '#app', data() { return { allItems: [{ name: 'foo' },{ name: 'bar' }] } }, }) {..

vue.js에서 어레이 개체 속성에 액세스하는 중 에서 다음 어레이를 지정하면vue.js: packageMaps: Object packageMap_0: Object Id: 16 PackageType: "flag_list" ProductCode: "F-BannerBase" packageMap_1: Object Id: 82 PackageType: "flag_list" ProductCode: "F-TeardropBanner" .... .... ...그리고 그 가치를 생각하면F-TeardropBanner지정된 어레이에 액세스하여 관련 정보를 반환하려면 어떻게 해야 합니까?PackageType? populatePackageList(productCode) { let packageList = []; let packa..