VUE 구성 요소 도입

/src/route/index.js
에서 가져 오기 Demo2 '@ / 페이지 / demo2 / index.vue'
 {
    	경로 : '/ demo2'
    	이름 : 'demo2'을,
    	구성 요소 : Demo2
    },

/src/pages/demo1/index.vue
    <템플릿>
	<DIV>

		<DIV> 사용자 정의 구성 요소 </ DIV>

		<DIV> -------------------- </ DIV>
		<카운트> </ 카운트>
	</ DIV>



    </ 서식>
    <script>
	에서 수입 카운트 다운 '@ / 구성 요소 / countdown.vue'
	수출 기본 {
		데이터(){
			반환 {
				
			}
		},
		구성 요소 : {
			카운트 다운
		},
		
	}
    </ script>

/src/components/countdown.vue
    <템플릿>
        <p> 시간 {{}} </ p>
    </ 서식>

    <script>
	수출 기본 {
		데이터(){
			반환 {
				시간 : 10
			}
		},
		장착 : 함수 () {
			VM이 =하자;
			() {(t = setInterval을 기능을 할 수
				vm.time--;
				경우 (vm.time == 0) {
					됨 clearInterval (t);
					. VM 개의 발광 ( '끝') $;
				}
			}, 1,000)
		}
	

	}
    </ script>