instence1 [Vue.js] 인스턴스 & 라이프사이클 Vue.js를 사용하기 위해 간단한 인스턴스를 만들고 라이프사이클에 대한 이해가 필요하다. var vm = new Vue({ el: '#app', data(){ return { msg:'hello world!' } } }) script 내부에 위와 같은 Vue 인스턴스를 만든다. element를 app이라는 클래스로 지정해주고, data는 함수형태로 적어준다. (객체로 지정해줘도 된다) {{ msg }} 그리고 템플릿 내부에서 app이라는 이름의 클래스를 div로 나타내고, scipt에서 정해준 데이터 내부 msg를 {{ }} 템플릿 문법을 이용하여 내부에 {{ msg }} 로 적어준다. 브라우저를 열어서 확인해보면 Hello world! 라고 찍히는 것을 확인할 수 있다. 라이프사이클 Vue.js에서 .. 2021. 3. 8. 이전 1 다음
