2. vue component import

React 처럼 import해주면 바로 사용할 수 있을 줄 알았다... :(

(원래 부딪히면서 배우는거 아니겠냐고요)

---

1. 단순하게 import해서 사용하는 방법

Before

 

처음에 이렇게 import만 해주려고 했다.

<template>
</template>

<script>
	import TestComponent from './Test'
</script>

<style>
</style>

---

After

이렇게 import를 우선해온 상태에서

export default {} 안에 import해온 component를 선언해주면 사용할 수 있다!

<template>
</template>

<script>
import TestComponent from './Test'
    export default{
    	components:{
        	TestComponent
        }
    }
</script>

<style>
</style>

---

 

 

2. 전역에서 사용해야하는 컴포넌트는 어떻게 등록할까?

main.js에 import한 후에  등록해주면된다

 

Vue.component('컴포넌트이름','옵션')

 

컴포넌트 이름은 당연히~ 컴포넌트를 사용할때 쓸 이름이고 

옵션은 렌더링시 필요한 옵션들을 작성하면 된다!

import GlobalTest from "./components/GlobalTestr";

Vue.component("GlobalTest", GlobalTest);

---

과연 vue는 어떤 프레임워크일까

크크