Vue : Single File Component

For a more in depth look at how you can configure ESLint + Prettier as well as get the most out of VS Code, you can check out this article.

ESLint + Prettier를 구성하고 VS Code를 최대한 활용하는 방법에 대해 자세히 알아보려면 이 문서를 확인하세요.

 

VS Code for Vue.js Developers | Vue Mastery

VS Code for Vue.js Developers | Vue Mastery

 

 

“view” components are the different views that can be seen (or navigated to) within our app.

"보기" 구성 요소는 앱 내에서 보거나 탐색할 수 있는 다양한 보기입니다.

They can contain child components that are nested within them, and their children will be displayed in that view as well.

여기에는 내부에 중첩된 하위 구성요소가 포함될 수 있으며 해당 하위도 해당 뷰에 표시됩니다.

the Home.vue component has a child: HelloWorld.vue, which has a bunch of template code that is being displayed when we’re on the Home route.

Home.vue 구성 요소에는 HelloWorld.vue라는 하위 항목이 있습니다. 여기에는 Home route 에 있을 때 표시되는 여러 템플릿 코드가 있습니다.

 

Anatomy of a Single File Component

A typical .vue component has three sections: <template> , <script> , and <style> .

• template is the skeleton of your component.
• the script section is the brains.
• The style section is the clothing, makeup, hairstyle

 

GitHub - Code-Pop/Real-World_Vue-3 at L3-end

GitHub - Code-Pop/Real-World_Vue-3: Example app for Vue Mastery's Real World Vue 3 course