여러개의 Vue 인스턴스를 사용하고싶으면 아래의 예제처럼 id를 el에 넣어주면 서로 연결됩니다.
아래의 예제는 #app의 버튼을 클릭하면 #app의 name이 바뀌고, #app-1의 버튼을 클릭하면 #app-1의 name이 바뀌는 예제입니다.
그런데 만약 #app의 버튼을 클릭했을때 #app-1의 name을 바꾸고싶다면 어떻게하면 될까?
아래의 예제처럼 Vue 인스턴스를 변수에 담아주면됩니다.
아래의 예제는 Vue 인스턴스를 변수에 담아 #app의 버튼을 클릭하면 #app-1의 name이 바뀌고, #app-1의 버튼을 클릭하면 #app의 name이 바뀌는 예제입니다.
**위의 정리 내용은 유튜버 코지코더님의 Vue.js강의를 보고 정리한 내용입니다.
유튜브를 보면서 정리된 글을 보면 더 좋을것같아요!
반응형