Framework/Vue.js2 Vue.js : 데이터 바인딩(vue, axios, springboot) 테이블 생성(html) 윗 줄에 데이터 항목명, 아래 줄에 데이터를 넣으려 합니다. Vue 객체에 data, methods, method 실행 시점 설정 var vm = new Vue({ el: '#app', //사용할 데이터 data: { }, //마운트 된 시점수행 mounted: function(){ }, //함수 methods: { }, }); 저는 기존에 작성되어 있는 컴포넌트를 이용한 부분이 있어서 코드를 작성하면 의미가 없을 것 같아 순서를 기록해두려 합니다. data : 테이블 리스트 데이터를 배열로 가져오도록 코드 작성했습니다. methods : 데이터를 가져오는 함수를 작성했습니다. mounted : 메서드가 실행되는 시점을 마운트 된 시점으로 잡아 작성한 함수를 호출했습니다. axio.. 2023. 3. 9. Vue.js 란?(+MVVM 패턴) Vue.js 란? 프론트엔드 개발을 쉽게 할 수 있도록 도와주는 오픈소스 Javascript 프레임워크 MVVM 패턴의 뷰모델(View Model) 레이어에 해당하는 화면(View) 단 라이브러리 SPA(Single Page Application)를 구축하는데 이용 가능 MVVM 패턴 구조 View(html DOM): 사용자에게 보이는 화면. Model(JS): 데이터를 담는 용기, 보통 서버에서 가져온 데이터를 javascript 객체로 저장 ViewModel: View와 Model의 중간 영역으로 DomListener와 DataBinding을 제공하는 영역 DOM: HTML 문서에 들어가는 요소(tag, class, attribute 등)의 정보를 담고 있는 데이터 트리 DOM Listener: DO.. 2023. 2. 15. 이전 1 다음
