.vue 파일 이해

.vue파일 이해하기

 

<script>
	// Vue한테 코드 통제권을 넘김(뷰 인스턴스 생성)
	const app = new Vue({
		el: '#root',
	});
</script>

html에서 위처럼 사용하던 것을 js파일에서 $mount로 아래처럼 사용

// new Vue() -> vue인스턴스
new Vue().$mount('#root');

 

 

<script>
        Vue.component('test', {
        }
</script>

html에서 위처럼 사용하던 것을 .vue에서 아래처럼 바꿈

<script>
	export default {
	}
</script>