튜토리얼 설정 세부 사항
-- Vue는 옵션 API와 컴포지션 API의 두 가지 API 스타일을 제공합니다.
- 이 튜토리얼은 두 스타일 모두에서 작동하도록 설계되었습니다.
- 상단의 API 스타일 설정 스위치를 사용하여 원하는 스타일을 선택할 수 있습니다.
- API 스타일에 대해 자세히 알아보기
+- Vue는 옵션 API와 컴포지션 API의 두 가지 API 스타일을 제공합니다. 이 튜토리얼은 두 스타일 모두에서 작동하도록 설계되었습니다. 상단의 API 스타일 설정 스위치를 사용하여 원하는 스타일을 선택할 수 있습니다. API 스타일에 대해 자세히 알아보기
-- SFC 또는 HTML 모드로 전환할 수도 있습니다.
- 전자는 대부분의 개발자가 빌드 과정에서 Vue를 사용할 때 사용하는 싱글 파일 컴포넌트(SFC) 형식의 코드 예제를 보여줍니다.
- HTML 모드는 빌드 과정 없이 사용법을 보여줍니다.
+- SFC 또는 HTML 모드로 전환할 수도 있습니다. 전자는 대부분의 개발자가 빌드 과정에서 Vue를 사용할 때 사용하는 싱글 파일 컴포넌트(SFC) 형식의 코드 예제를 보여줍니다. HTML 모드는 빌드 과정 없이 사용법을 보여줍니다.
+
+
+
+:::tip
+자체 애플리케이션에서 빌드 단계 없이 HTML 모드를 사용하려는 경우, 다음 중 하나를 변경하여 임포트하세요:
+
+```js
+import { ... } from 'vue/dist/vue.esm-bundler.js'
+```
+
+스크립트 내부에서, 또는 빌드 도구를 구성하여 `vue`를 적절히 해석하도록 합니다. [Vite](https://vitejs.dev/)에 대한 샘플 구성:
+
+```js
+// vite.config.js
+export default {
+ resolve: {
+ alias: {
+ vue: 'vue/dist/vue.esm-bundler.js'
+ }
+ }
+}
+```
+
+자세한 내용은 [도구 가이드의 해당 섹션](/guide/scaling-up/tooling.html#note-on-in-browser-template-compilation)을 참조하세요.
+:::
+
+
-준비 됐나요?
-"다음"을 클릭하여 시작합시다.
+준비 됐나요? "다음"을 클릭하여 시작합시다.