기존 각도 애플리케이션에 vueJS 추가

기존 각도 애플리케이션에 vueJS 추가

나는 기존의 각도 어플리케이션이 있는데, 그 중 일부를 vueJS 어플리케이션으로 바꾸고 싶어.

개발 모드에서 내 애플리케이션은 모든 스크립트를 기본 html 파일에 로드한다(프로덕션 모드에서는 app.js로 번들로 제공되지만 개발 모드로 테스트를 시작함).

나는 vue를 사용하기 위해 주를 바꾸고 싶다. 그래서 나는 다음과 같은 방법으로 그것이 가능하다고 읽는다: https://medium.lucaskatayama.com/migrating-from-angular-to-vuejs-71277cdc3dd9

하지만, 나는 .vue 파일 구문을 사용하고 싶은데, 개발 모드에서 웹팩이나 다른 번들러를 사용하지 않아도 가능한지 모르겠다.

그래서 내 질문은 - 그것이 가능한가?현재 구성과 함께 ng 앱 내에서 .vue 파일을 사용할 수 있는가?게다가 (내부 및 각도 컨트롤러를 보이는 대로 초기화해야 하지만) vue 파일 및 구성 요소만 웹 팩할 수 있는 좋은 방법이 있는가?

각도 앱에 vue를 추가하는 좋은 튜토리얼이 있다면, 좋은 튜토리얼을 찾지 못했기 때문에 꼭 받고 싶다.

고마워요.

ngVue회원 :)

다벡스(내가 일하고 있는 회사)에서는 큰 앵글 안에 있는 Vue를 사용하고 있다.JS 응용 프로그램:ngVue그것은 지금 몇 달 동안 생산 중이고 매우 잘 작동한다.내가 작년 여름 이전에 쓴 이 글에서 더 많은 정보를 찾을 수 있다: https://medium.com/dailyjs/how-to-migrate-from-angularjs-to-vue-4a1e9721bea8.그게 도움이 되길 바래!

그것은 어려울 수 있다. 왜냐하면 vue 코드의 빌드는 기본적으로 별도의 애플리케이션이기 때문이다.

한 가지 할 수 있는 일은 완전히 다른 병렬 애플리케이션으로 구축하고, 두 개의 빌드 단계를 사용하고, 두 개의 javscript 파일을 포함하고, 그리고 나서 사용하는 것이다.window.postMessage두 사람 사이의 의사소통을 위해

예를 들어, 현재 애플리케이션은 특정 시점까지div각도 대신 vue 코드를 포함하는 것이다.그런 다음 각 코드의 메시지를 게시하여 vue 앱에 div에 로드하도록 지시할 수 있다. 예를 들어,

window.postMessage({ app: 'vue', bind: '#vue-content' })

Vue 앱에 바인딩하지 않고DOMContentReady윈도우 이벤트를 청취한 후 수신하는 요소에 바인딩한다.그런 다음 메시지를 게시하여 호스트 앱으로 다시 통신한다.이것은 그것들을 꽤 분리되게 유지하고 당신이 그것들을 독립적으로 만들 수 있게 해줄 것이다.

참조URL: https://stackoverflow.com/questions/47017799/adding-vuejs-into-an-existing-angular-application