vue의 elementUI는 무엇입니까?

vue의 elementUI는 비즈니스에 의존하지 않는 vue를 기반으로 구현된 UI 구성 요소 라이브러리 세트로, 풍부한 PC 측 구성 요소 세트를 제공하고 일반적으로 사용되는 구성 요소에 대한 사용자의 캡슐화를 줄이며 개발 용이성을 줄입니다.

이 기사의 운영 환경: windows10 시스템, vue 2.9, thinkpad t480 컴퓨터.

【추천 무료 기사: vue.js】

1. vue 소개

Vue는 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크입니다. 시작하기 쉽고 타사 라이브러리나 기존 프로젝트와 쉽게 통합할 수 있습니다. MVVM(Model-View-ViewModel, 즉 뷰 레이어-뷰 모델 레이어-모델 레이어)의 설계 아이디어를 기반으로 합니다. UI 수준에 초점을 맞춰 MVVM 데이터의 양방향 바인딩을 위한 라이브러리를 제공합니다.

2. Element-Ui 소개

Element는 vue를 기반으로 구현된 비즈니스 독립적인 UI 구성 요소 라이브러리 집합으로, 풍부한 PC 측 구성 요소 세트를 제공하고 일반적으로 사용되는 구성 요소의 캡슐화를 줄입니다. 개발의 용이성을 감소시킵니다.

3. vue와 Element-Ui의 관계

• Element-Ui는 일반적으로 사용되는 구성 요소의 캡슐화를 단순화하고 재사용 가능성의 원칙을 향상시키는 vue 캡슐화를 기반으로 하는 구성 요소 라이브러리입니다. vue는 진보적인 스타일 프레임워크이고 Element-Ui는 구성 요소 라이브러리입니다.

• 4. vue+Element-Ui 사용

1단계: vue-cli 스캐폴딩 설치(참고: 전제는 cmd로 열 수 있는 nodejs가 설치되어 있으면 node -v를 입력하여 설치 여부를 확인하세요. 명령줄에 nodejs 버전이 표시되면 설치가 성공했음을 의미합니다.) 2단계: nodejs 설치가 완료된 후 다음을 사용하세요. vue 및 vue-cli를 설치하는 명령은 다음과 같습니다.

cnpm install vuecnpm install vue-cli -g

참고: - g는 전역 설치를 의미합니다.

3단계: webpack을 초기화합니다. 명령은 다음과 같습니다.

vue init webpack 项目名

4단계: 다음에 따라 입력합니다. 초기화 중 프롬프트가 표시되면 element-ui를 설치할 수 있으며 index.js에 전역 등록을 도입할 수 있습니다.

Install element-ui

cnpm install element-ui --save
index.js中引入全局注册  
import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

관련 무료 학습 권장 사항:

javascript(동영상)

위 내용은 vue의 elementUI는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!