vue.js__파일 확장자(vue/js/html 등)에 따라 다른 컴포넌트 작성 방법

• 파일 확장자가 vue형식의 파일(vue/cli파일)이라면, 연산, 이벤트 부분은 export default로 담는다. (전역 컴포넌트 만드는 게 있는 거 같으니까 찾아보기.)

 👉 vue/cli파일 코드 예시
 	
    <script>
    	export default (){
        	data:function(){
           // = data(){ return { } }
            		return{
                   	    title: "예시입니다."
                	}
            	},
                methods:function(){
           // = methods(){}
                	addTodo:function(){
                	// = addTodo(){}
                    	console.log(this.title)
                    }
                }
            
        }
    </script>
    
   
  👉 js, html등의 파일에서 vue 전역/지역 컴포넌트 만들기 예시)
    <!-- 지역 -->
    <script>
      new Vue({
      	el: '#test'.  // html 컴포넌트와 연결
        data :{
        	컴포넌트 이름: "컴포넌트 내용."
        }
      })
    </script>
    
    <!-- 전역 -->
    <script>
    	Vue.component('컴포넌트 이름',{ 컴포넌트 내용 })
    </script>
  

👩‍💻👉 js나 html 파일로 만든 전역/지역 컴포넌트를 vue/cli파일로 import해서 사용할 수 있다.