Vue.js 3

vue.js 뷰 성능 향상

Vue.js application 성능을 향상 시키는 방법은 https://medium.com/@kadirboylu/how-to-improve-the-performance-of-vue-js-application-2ee8d4aa3300 라우터 : 단일 페이지 어플리케이션 구축 하는 데 유용함 Vue cli 를 사용하여 새로운 라우터 로 새로운 vue.js 어플리케이션 생성 가능 Vue js + 비동기 구송 요소를 정의하는 defineAsyncComponenet 함수 동적 가져오기 사용하여 defineAsyncComponent 함수로 비동기 구성 요소를 로드 가능 V-if v show 조건부 렌더링 V-if 참 인 경유 렌더링 V-show 지시문은 요소를 렌더링하고 조건이 false 인 경우 숨긴다. 지시문..

카테고리 없음 2022.11.07

vue.js components 뷰 컴포넌트 사용 , 개념

컴포넌트 란 ? [ 화면을 구성할 수 있는 블록을 말한다. 컴포넌트를 활용하면 화면을 빠르게 구조화 할 수 있으며, 일괄적인 패턴으로 코드를 개발 할 수있다, 또한 코드를 재사용 할 수 있다] 그럼 vue.js 에서 컴포턴트란..? vue js에서는 가장 강력한 기능 중 하나이다. 🔥 element 를 확장하여 재사용 가능 한 코드를 캡슐화 하는 데 도움을 준다. 상위 수준에서 컴포넌트는 vue 의 compile 컴파일러 에 의해 동작이 추가 된 사용자 지정 엘리먼트이다. 경우에 따라 특별한 is 속성으로 확장된 원시 html element 로 나타 낼 수도 있다. vue.js Component 생성 2가지가 있다. 1. 전역 global component : 공통적으로 모든 범위의 여러 인스턴스에서 사..

Vue.js 사용법, 문법 (자바스크립트라이브러리)

vue .js 란 자바스크립트 라이브러리 중 하나이다 ... 리액트 보다 문법이 간단해서 많이들 사용한다고 한다. 리액트 공부하면서 어렵다고 많이 느꼈는데 vue .js 공부를 오늘 잠깐 해보니 문법이 훨씬 쉽고 빠르다 Vue js. 능력 자동으로 렌더링이 된다 1. 자주 변경될 데이터들은 스크ㄹ비트로 밑에 저장해둠 {{ 데이터바인딩}} 이거 중괄호 쓰면서 다져다가 쓰세여ㅛㅁ Html속성도 데이터 바인딩 가능 : 속성 = “데이터바인딩 이름” 반복문 사용하는 방법 v- for 이름 라는 어레이를 만들어서 [] 반복하게 만들것이다 필요한 정보를 [] 데이터 안에 담아 두고 이름 In 몇회 반복 =< 이자리에 이름을 넣어준다 vue.js 는 Array , object 넣기 반복문 특이다 그럼 그자료 개수 만..