Framwork/Vue.js2 12. Vue 체크박스 구현 2024-05-21vue에서 체크박스 구현 중에 전체 선택 및 해제 기능을 어떻게 깔끔하게 만들까 고민하다가 만든 기능을 메모함.1. b-form-checkboxVue.js와 Bootstrap을 함께 사용하여 웹 애플리케이션을 개발할 때 사용되는 컴포넌트이다.사용자에게 체크박스 입력 요소를 제공하고, Vue.js의 데이터와 양방향 데이터 바인딩을 통해 선택 사항을 관리할 수 있게 하며, 이 컴포넌트는 Bootstrap 프레임워크의 스타일을 사용하여 시각적으로 강력하고 사용하기 쉽다. I accept the terms and use State: {{ status }} https://bootstrap-vue.org/docs/components/form-checkbox 2.. 2024. 5. 21. [Vue.js] Vue.js 란? 소개 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 기반 프레임워크이며, 컨트롤러 대신 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인되었으며, 재사용이 가능한 UI들을 묶어서 사용할 수 있다. 도입 배경 JavaScript 코드와 화면이 계속 추가되면서 무거워지는 시스템을 관리하기 위해 프런트, 백엔드로 개발을 나누고, 하나의 view 파일을 재사용하는 방식으로 관리하기 위해 도입. 특징 MVVM 패턴 사용 Virtual DOM 사용 Angular, React에 비해 매우 작고 가벼우며 복잡도가 낮다. Component를 사용하여 재사용이 용이 MVVM 패턴 View 모델을 통해 양방향 데이터를 바인딩을 가능하게 한다. 모델(Model) - 뷰(.. 2022. 5. 17. 이전 1 다음 728x90 반응형
