2017-12-18 20 views
0

당신이 뷰를 사용하여 다른 뷰와 한 페이지 웹 사이트 (페이지 라우팅)을 구축하기위한 뷰 설치 방법과 전자 응용 사이의 주요 차이점은 무엇인지 설명해 주시겠습니까 :Vue.js 라이브러리 가져 오기와 Vue-CLI를 통해 설치하는 것의 차이점은 무엇입니까?

  • 는 Vue.js 가져 오기 <script>
  • 를 통해 라이브러리는

installation guide 정말 차이를 이해하는 데 도움이되지 않습니다 뷰 - CLI를 통해 그것을 설치.

<script>을 통해 Vue를 가져온 경우 내 사이트/앱이 더 느리게 작동합니까?

+0

응용 프로그램을 scaffhold하기 위해 CLI를 사용하면 유연성이 향상됩니다. 대부분 Vue 파일 (단일 파일 Vue 구성 요소)을 사용할 수 있습니다. Webpack 및 Vue Loader에 감사드립니다. –

+0

@BelminBedak은 "단일 파일 Vue 구성 요소"로 사이트/앱에 맞춤 구성 요소를 만드는 데 가장 적합한 방법입니까? – Un1

+0

내 워크 플로우에서 - 예. –

답변

1

<script> 포함은 다른 JavaScript 라이브러리와 마찬가지로 웹 페이지에 Vue 라이브러리를 포함하기위한 것입니다. Vue은 전체적으로 액세스 할 수 있도록 window 개체에서 사용할 수 있습니다. vue-cli을 사용해도 모든 외부 자바 스크립트가 이와 같이 포함되어야합니다.

vue-cli은 템플릿에서 Vue 프로젝트를 생성하는 도구 일뿐입니다. 설정은 실제로 사용하는 템플리트에 따라 다릅니다. 대부분의 사람들이 중간 크기에서 큰 크기의 Vue 프로젝트에 webpack 템플릿을 사용할 것이라고 생각합니다. 그러면 Vue 프로젝트를 개발, 디버그, 테스트 및 빌드하는 데 필요한 모든 파일이 포함 된 노드 프로젝트 디렉토리가 초기화됩니다. Webpack은 모든 모듈을 하나의 JavaScript 번들로 번들링합니다.이 번들은 <script>을 통해 웹 페이지에 포함됩니다. vue-loader을 사용하면 *.vue 개의 파일에 Vue 구성 요소를 쓸 수 있습니다.

<script>을 통해 Vue를 가져온 경우 내 사이트/앱이 더 느리게 작동합니까?

는 내 말은, 정말, 아무 (개발 속도는 모든 종의 혜택과 호각 그 vue-cli 세트 당신을하지 때문에 비록 방해되지 않을 수 있습니다). 귀하의 질문은 Vue 웹 응용 프로그램을 개발할 때 따라야 할 개발 방법에 더 많이 적용됩니다.

+1

설명해 주셔서 감사합니다. 그래서 기본적으로 내가 이해 한 바에 따르면 Vue로 그냥 돌아가고 싶다면 스크립트로 가져와야하지만, 웹 사이트/앱을 만들고 싶다면 Vue-CLI를 사용하는 것이 더 낫습니다. 개발 프로세스와 팩을 단순화하기 때문입니다. 그것은 멋지게 Webpack을 사용합니다. 고마워. – Un1