공부/VUE.JS

3. Vue.js 뷰의 개발자 도구

ChoiDooSic 2021. 12. 10. 06:07

(Vue.js 스크립트를 이용하여 간단하게 뷰 개발자 도구를 사용할 수 있다)
 

개발자도구를 여는 단축키

1. 마우스 오른쪽 클릭후 검사

2. F12

 

data의 message를 볼 수 있는데 뷰에서 관리하는 데이터를 이곳에서 볼 수 있다.

 

이곳에서 data안에 message의 내용을 변경시 바로적용이된다.

(데이터의 변화에따라 화면이 바로 반응해주는것 Reactivity)