Vue 3 시작하기:前端开发基础와 프레임워크 소개
1. 프론트엔드 개발 개요
1.1 프론트엔드 개발 사전 지식
이전까지 SpringBoot와 관련 기술들을 활용하여 대이벤트 프로젝트의 백엔드 개발을 완료했다. 이제 해당 프로젝트의 프론트엔드 개발을 시작할 차례이며, 프론트엔드 부분은 다음 두 가지 프레임워크를 통해 구현할 것이다:
Vue3 (JavaScript 프레임워크)
Vue3 기반의 UI 컴포넌트 라이브러리 Element-Plus
...
7월 29일 10:00에 게시됨
Vue3와 Element Plus表单 커스텀 검증 구현 방법
一、 개요
본 문서에서는 Vue3와 Element Plus를 활용하여表单 검증 기능을 구현하는 방법에 대해 설명합니다.
二、实现 단계
1. 필요한 컴포넌트 및 유틸리티 import
Vue3의 반응형 상태 관리 도구와 Element Plus의 타입 정의, 라우터, 그리고 API를 import합니다.
import { ref } from "vue";
import type { FormInstance } from 'element-plus'
import { useRoute ...
7월 9일 21:07에 게시됨
Vue 3와 Element Plus를 활용한 반응형 그리드 레이아웃 구현
Element Plus 그리드 시스템 개요
Vue 3 환경에서 Element Plus는 24개의 열(Column)을 기반으로 하는 유연한 그리드 레이아웃 시스템을 제공합니다. 이를 통해 복잡한 UI도 쉽게 구조화할 수 있으며, el-row와 el-col 컴포넌트를 조합하여 다양한 화면 크기에 대응하는 반응형 디자인을 구축할 수 있습니다.
el-row 컴포넌트 주요 속성
행(Row)을 정의하는 el-row는 열들 ...
6월 2일 20:47에 게시됨