- 파일 확장자가 vue형식의 파일(vue/cli파일)이라면, 연산, 이벤트 부분은 export default로 담는다. (전역 컴포넌트 만드는 게 있는 거 같으니까 찾아보기.)
👉 vue/cli파일 코드 예시
<script>
export default (){
data:function(){
return{
title: "예시입니다."
}
},
methods:function(){
addTodo:function(){
console.log(this.title)
}
}
}
</script>
👉 js, html등의 파일에서 vue 전역/지역 컴포넌트 만들기 예시)
<script>
new Vue({
el: '#test'.
data :{
컴포넌트 이름: "컴포넌트 내용."
}
})
</script>
<script>
Vue.component('컴포넌트 이름',{ 컴포넌트 내용 })
</script>
👩💻👉 js나 html 파일로 만든 전역/지역 컴포넌트를 vue/cli파일로 import해서 사용할 수 있다.