반응형

분류 전체보기 461

Vue.js로 작성된 SPA 로딩 화면을 구현하려면 어떻게 해야 합니까?

Vue.js로 작성된 SPA 로딩 화면을 구현하려면 어떻게 해야 합니까? 저는 AngularJS 1에서 Vue.js에 처음 왔어요.PleaseWait 등의 로딩 화면을 구현하는 방법에 대한 힌트를 가지고 계신 분?PleaseWait.js와 통합된 예도 작성했습니다. http://codepen.io/CodinCat/pen/ZeKxgK?editors=1010 PleaseWait.js는 실제 DOM을 직접 조작하기 때문에 코드가 조금 까다로워집니다.Vue.js에서 이 라이브러리를 다시 구현할 것을 권장합니다.Vue에는 이행이 있습니다.https://vuejs.org/v2/guide/transitions.html 컴포넌트를 생성하여v-if그것을 숨기다/보이다 매우 간단한 예: http://codepen.io/C..

programing 2022.07.10

PWA가 Play Store에 웹 앱과 TWA로 배포될 때 PWA 분석을 처리하는 방법

PWA가 Play Store에 웹 앱과 TWA로 배포될 때 PWA 분석을 처리하는 방법 분석을 어떻게 통합해야 합니까?PWAwebapp ? Google 분석의 분석을 webapp에 추가하고 서버에 게시하는 경우 나중에 Google Play Store에 게시하려면 어떻게 사용을 추적해야 합니까? 시나리오는 다음과 같습니다. 를 도입하고 있습니다.PWA서브도메인으로부터의 그 다음에 제가 출판하는 건PWA구글 플레이 스토어에서TWA. 우려되는 점: 웹용 Google 분석 스니펫을 사용하여 Google Play Store 앱의 하위 도메인 기반 pwa 및 Firebase 분석을 추적해야 합니까? 아니면... 한 가지 방법으로 두 버전을 동시에 추적할 수 있습니까? 나는 크롬 개발자의 사용에 관한 이 FAQ를 발..

programing 2022.07.10

DDD 모델의 도메인 대 Vuex 작업

DDD 모델의 도메인 대 Vuex 작업 Vue 프로젝트를 진행하고 있는데 점점 더 커지고 있어서 프로젝트 전체를 다시 쓰고 아래와 같은 아키텍처로 MVVM과 DDD를 적용합니다. UI 계층(MVVM ViewModel=vue/Model=Vuex) 도메인 레이어 서버층(파이어베이스) 하지만 Vuex action을 어떻게 건축에 사용할지 궁금합니다. 이 참조문헌에서는 3. Actions to Make API Calls and Commit the Data , vuex actions는 api를 담당해야 하지만 이러한 점들이 있기 때문에 최적의 솔루션은 아니라고 생각합니다. Vuex 액션에 모든 논리를 쓴다면 엄청난 액션 리스트가 있습니다. 이러한 로직(메서드)이 어떤 상태도 커밋할 필요가 없는 경우(예를 들어 C..

programing 2022.07.10

부모 및 손자녀 간의 동기화 수식자 Vue 2 사용

부모 및 손자녀 간의 동기화 수식자 Vue 2 사용 문제 다음과 같은 vue 컴포넌트가 있다고 칩시다. 주의: 모든 vue 컴포넌트는 간략화되어 있습니다. resuable-comp.표시하다 부모 컴포넌트에서는 다음과 같은 작업을 수행합니다. 보조양식표시하다 Increment Value of Num A 그럼 마지막으로 page_module을 클릭합니다.표시하다 질문. resuable-comp 간의 값을 동기화하려면 어떻게 해야 합니까?vue, 보조양식vue 및 page_discloss.표시하다 재사용 가능한 컴포넌트를 사용하고 있습니다.vue는 많은 다른 장소입니다.보조양식을 사용하고 있습니다.page_view에서 몇 번만 볼 수 있습니다.표시하다 그리고 저는 이 패턴을 여러 번 사용하려고 합니다.하지만 ..

programing 2022.07.10

Spring Framework의 @Inject와 @Autowired의 차이점은 무엇입니까?어떤 조건으로 사용하면 좋을까요?

Spring Framework의 @Inject와 @Autowired의 차이점은 무엇입니까?어떤 조건으로 사용하면 좋을까요? 를 몇 개 , 그는 SpringSource를 .@Inject 내 에 그는 내 and and and and and and and and and and and and 、 and 、 and 、 and 、 and 、 and 、@Autowired. 다음은 코드입니다. @Inject private CustomerOrderService customerOrderService; 가 있는지 잘 요.@Inject ★★★★★★★★★★★★★★★★★」@Autowired그리고 어떤 상황에서 어떤 것을 사용해야 하는지 누가 설명을 해주시면 감사하겠습니다.여기서 당신이 주석을 언급하고 있다고 가정하면요. @Inj..

programing 2022.07.10

VNode를 Vue 템플릿으로 렌더링할 수 있습니까?

VNode를 Vue 템플릿으로 렌더링할 수 있습니까? 일부 데이터를 범위 지정 슬롯에 전달하는 렌더 기능이 있습니다.이 데이터의 일부로서 렌더 함수로 작성된 VNode를 포함시키고 싶습니다.렌더 함수는 스코프 슬롯에서 옵션으로 사용할 수 있습니다.수신된 미가공 VNode를 출력하기 위해 템플릿에 스코프 슬롯을 쓸 때는 다른 방법이 있습니까?기능 구성 요소를 사용하여 템플릿의 해당 섹션에 대한 vnode를 렌더링할 수 있습니다. components: { Vnodes: { functional: true, render: (h, ctx) => ctx.props.vnodes } } 언급URL : https://stackoverflow.com/questions/49352525/can-you-render-vnodes..

programing 2022.07.10

TypeError: 정의되지 않은 Vuej의 속성 '$auth'를 읽을 수 없습니다.

TypeError: 정의되지 않은 Vuej의 속성 '$auth'를 읽을 수 없습니다. vuejs 2에 larabel 5.4를 내장하여 사용하고 있습니다.저는 라라벨 여권을 이용한 인증 서비스를 구축하려고 합니다.사용자를 로그인할 수 있었지만 vue js에 문제가 있습니다.프런트 엔드 토큰을 취급하는 커스텀 Auth 패키지를 작성했습니다.속성 'set'을 읽을 수 없습니다.라는 오류가 표시됩니다.토큰'이 정의되지 않았습니다. 인증 패키지는 다음과 같습니다. export default function (Vue){ Vue.auth = { // set token setToken : (token , expires_in) =>{ localStorage.setItem('token' , token); localStor..

programing 2022.07.10

Vuex에서 한 번의 작업으로 두 가지 상태 관리

Vuex에서 한 번의 작업으로 두 가지 상태 관리 2개의 API가 2개의 데이터 세트(락박스 및 워크스테이션)를 보고하고 있습니다.lockboxes API에는 조작이 필요한 recordId를 가진 에이전시 컬렉션이 있습니다.워크스테이션 API는 body의 lockbox.recordId와 workstation.recordId를 백엔드로 전송함으로써 이들 에이전시(락박스) 중 하나를 워크스테이션에 할당하는 메인 컬렉션입니다. 저희 가게는 이렇게 생겼어요. import { axiosInstance } from "boot/axios"; export default { state: { lockboxes: [], workstation: [] }, getters: { allLockboxes: state => { ret..

programing 2022.07.10

Laravel Vue Vue Router 이력 모드

Laravel Vue Vue Router 이력 모드 라라벨, vue 및 vue 라우터를 사용하여 전자상거래 프로젝트를 구축하고 있습니다. 이력 모드로 vue 라우터를 사용하고 싶은데 문제가 발생해요. 여기 제 코드가 있습니다. new Vue({ el: '#app', router: new VueRouter({ mode: 'history', routes }) }); 로케일 미들웨어가 있는 web.php의 루트는 다음과 같습니다. Route::group(['prefix' => '{locale}', 'where' => ['locale' => '[a-zA-Z]{2}'], 'middleware' => 'setlocale'], function () { Route::view('/{path?}', ('layouts.ap..

programing 2022.07.10

Vue.js 컴포넌트의 프로펠러 변경을 감시하는 방법

Vue.js 컴포넌트의 프로펠러 변경을 감시하는 방법 이미지 파일 경로 배열을 컴포넌트에 전달하고 있습니다.다른 어레이를 사용할 경우 Vue.js 컴포넌트의 프로포넌트 변경을 감시하는 가장 좋은 방법은 무엇일까요? 부트스트랩 카르셀을 사용하고 있기 때문에 어레이가 변경되면 첫 번째 이미지로 리셋하고 싶습니다.알기 쉽게 하기 위해 코드 예를 다음과 같이 줄였습니다. Vue.component('my-images', { props: ['images'], template: ` {{index}} - ` }); {{count}} 다음과 같이 하십시오. Vue.component('my-images', { props: ['images'], computed: { imagesComputed: function () { //..

programing 2022.07.10
반응형