728x90
- 여러 Vue 인스턴스 사용하기 - https://jsfiddle.net/sunghun/th2m9ws7/74/
샘플을 보면 인스턴스 각각 vm1, vm2 라는 변수에 담았다. 그리고 vm2에는 methods에 vm1의 title을 '변경됨' 이라고 바꾸도록 하였다. 결과를 보면 첫번째 인스턴스의 vm1을 두번째 인스턴스 vm2에서 가져와 사용할 수 있는것을 확인 할 수 있다. 그리고 각 인스턴스가 아닌 다른 외부 'setTimeout' 이라는 함수에서 vm1을 3초뒤에 title값을 변경해 보았다. 이 역시 잘 작동하는걸 볼 수 있다. 즉 인스턴스간의 서로 연결하여 작업이 가능하면 인스턴스가 아닌 다른 곳의 함수에서 역시 인스턴스를 가져다가 작업이 가능하다.
728x90
반응형
'즐거움 넘치는 IT 세계 > 코드로 만드는 디자인' 카테고리의 다른 글
[ VueJS 입문 ] 컴포넌트의 사용 / Intro to Components (0) | 2019.10.03 |
---|---|
[ jquery 기초 ] jquery - DOM 계층을 이용한 요소 접근 (0) | 2019.10.02 |
[ jquery 기초 ] jquery Chain (0) | 2019.10.01 |
[ VueJS 입문 ] Computed VS Watch 언제써야할까? (0) | 2019.10.01 |
[ VueJS 입문 ] 클래스와 스타일 바인딩 (0) | 2019.09.30 |