728x90 📱Web & Mobile/Vue.js3 [Vue.js] vue.js 문법과 사용방법 Component : Vue.js에서 컴포넌트는 재사용 가능한 UI 요소를 의미합니다. 각 컴포넌트는 자체적으로 데이터, 메서드, 스타일 등을 포함할 수 있습니다. 컴포넌트를 사용하여 애플리케이션을 작은 조각으로 나누고 각 조각을 개별적으로 관리할 수 있습니다. Vue.component('my-component', { template: '{{ message }}', data: () => ({ message: 'Hello, World!' }) }); Computed : 계산된 속성은 의존하는 데이터의 값에 기반하여 동적으로 값을 계산하는 속성입니다. 계산된 속성은 종속성을 갖는 데이터가 변경될 때만 다시 계산됩니다. new Vue({ data: { message: 'Hello, World!' }, comp.. 2023. 9. 11. [Vue.js] 기본 개념 이해 Vue.js 라이브러리 추가 인스턴스 생성: Vue 인스턴스는 Vue.js 애플리케이션의 진입점이며, 애플리케이션의 데이터, 메소드, 라이프사이클 훅 등을 정의 var app = new Vue({ // 데이터 data: { message: 'Hello, Vue!' }, // 메소드 methods: { updateMessage: function() { this.message = 'Updated message!'; } }, // 템플릿 template: '{{ message }}' }); 인스턴스 연결: Vue 인스턴스를 웹 페이지에 연결하려면 HTML 요소와 Vue 인스턴스를 연결해야 합니다. 일반적으로 el 옵션을 사용하여 연결할 요소를 지정 var app = new Vue({ el: '#app', //.. 2023. 8. 20. [Vue.js] vue.js란? Vue.js는 사용자 인터페이스를 구축하기 위한 progressve(점진적) 자바스크립트 프레임워크이다. 웹 애플리케이션의 화면 부분을 구성하는데 사용되며, 반응형 UI를 손쉽게 개발할 수 있도록 도와준다. 직관적이고 유연한 API를 제공하므로 쉽게 배울 수 있으며, 작은 규모의 프로젝트부터 대규모 애플리케이션까지 다양한 범위의 프로젝트에 적합하다. 가벼운 크기와 직관적인 문법으로 인해, SPA (Single Page Application)개발에 매우 적합하다. ( => 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션) 특징 경량성: 다른 자바스크립트 프레임워크에 비해 가볍고 경량성을 가지고 있습니다. 파일 크기가 작고 초기 로딩 속도가 빠르며, 기본 기능 이외의 기능은 플러그인.. 2023. 8. 20. 이전 1 다음 728x90
