오늘 배운 것
- 토코톡 뷰 프로젝트의 package.json에 sass-loader 같은 게 왜 들어가 있는지 알게 되었다. <template>, <script>, <style>에 lang attribute를 주려면 해당 loader의 설치가 선행되어야 한다. vue loader 공식문서에 들어가서 어떤 loader가 필요한지 확인한 후 설치해주면 된다.
Using Pre-Processors | Vue Loader
Using Pre-Processors In webpack, all pre-processors need to be applied with a corresponding loader. vue-loader allows you to use other webpack loaders to process a part of a Vue component. It will automatically infer the proper loaders to use based on the
vue-loader.vuejs.org
- 컴포넌트를 main.js에 import하면 전역으로 사용할 수 있다.
// main.js
import Component from '@/components/Component.vue';
Vue.component('Component', Component);- 전역으로 사용할 컴포넌트가 너무 많아서 일일이 import 하기 귀찮고 불편하면, 아래 링크를 참고하여 automatic registration을 실행하는 것도 가능하다.
Component Registration — Vue.js
Vue.js - The Progressive JavaScript Framework
v2.vuejs.org
- PascalCase, camelCase, snake_case에 이어 kebab-case라는 것도 있다...!?
String Case Styles: Camel, Pascal, Snake, and Kebab Case
The most popular ways to combine words into a single string
betterprogramming.pub
'post항해_배움일지 > 개발일기' 카테고리의 다른 글
| 개발일기_220313_Today I Lived: hello, world! (0) | 2022.03.14 |
|---|---|
| 개발일기_220308_name과 함께라면 Vue Router가 탄탄대로 (2) | 2022.03.09 |
| 개발일기_220307_Switch from React to Vue (0) | 2022.03.08 |