[Vue] Component 생성 및 변수 메서드 활용

1. Components 폴더안에 button.vue 파일 생성

변수는 data() 항목에 정의할 수 있다.

메서드는 methods 항목에 정의할 수 있다.

name이라는 변수와 onClick() 메서드를 만들었다.

그리고 @click를 통해 이벤트를 등록하고 {{ name }} 두 개에 중괄호 안에 변수를 적용

 

 

 

2. 컴포넌트 사용할 곳에 연결

<ComponentButton></ComponentButton> 태그로 연결해주고

import 불러오고 components 이름 써주기

 

한 컴포넌트를 만들어 놓으면 어디서나 갖다 쓸 수 있다.