Vue.js를 사용하여 웹 앱을 다시 작성하기로 결정했지만 작게 시작하여 앱의 주요 부분에는 이미 작동하는 스크립트를 사용하고 다른 부분에는 Vue를 사용하고 싶습니다.
Vue 웹팩 템플릿을 살펴보고 있으며 구성 요소에 여러 스크립트 태그를 포함하려고 시도했지만 vue는이 작업을 수행 할 수 없다는 경고를 표시합니다.
기본 index.html에 스크립트를 성공적으로 포함 시켰고 작동하지만 정말 나쁜 해결책이라고 생각합니다. 포함 된 js 스크립트와 함께 Vue 구성 요소를 사용하는 다른 방법은 무엇입니까?
Vue.js는 기존 스크립트와 함께 작동합니다. "작게 시작"하려는 경우 이전 스크립트를 페이지에 그대로두고 천천히 구성 요소로 이동하기 시작하십시오. https://jsfiddle.net/crabbly/14kvkL6d/
스크립트의 일부를 ready
구성 요소 의 메서드 로 이동 하고 나중에 별도의 메서드로 구성하기 시작할 수 있습니다. 결국 매우 체계적으로 구성되어 Vue의 모든 기능을 사용하게 될 것입니다. https://jsfiddle.net/crabbly/9ux28qL9/
vue-loader와 webpack을 사용할 때는 module.export를 사용해야합니다. 또한 어렵지 않아야합니다. 더 작은 구성 요소로 시작하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다