개발/Vue.JS (11) 썸네일형 리스트형 Vue 템플릿 튜토리얼 - Interpolation 및 Directives Vue 구성 요소 의 섹션에서 HTML을 작성하고 Vue 관련 템플릿 기능을 사용할 수 있습니다.두 가지 범주로 분류 된 이러한 기능을 살펴 보겠습니다.Vue InterpolationsVue 지시어Vue InterpolationsVue Interpolations의 가장 기본적인 형태는 텍스트 Interpolations 입니다. 이는 단순히 구성 요소 로직 내에 정의 된 문자열을 표시하는 프로세스입니다.이 과정에서 우리가 작업해온 프로젝트에서이 작업을 시도하려면 /src/components/Skills.vue 파일을 열고 소품 내에 속성을 정의하십시오 . export default { name: 'Skills', data() { return { name: 'Coursetro' } } } 여기서는 name .. Vue 구성 요소 자습서 - Vue.js 응용 프로그램의 기본 구성 요소 Vue 구성 요소 구조Vue CLI를 사용하여 프로젝트를 만들었을 때 우리에게 몇 가지 구성 요소가 생성되었습니다. /src/App.vue 파일을 엽니 다 . 이 파일은 우리의 루트 구성 요소 입니다. ... ... ... 3 가지 섹션으로 구성되어 있습니다.템플릿 - 여기에 HTML이 배치됩니다. 여기에 HTML이 아닌 요소를 정의 할 수도 있지만 나중에 이해할 것입니다.스크립트 - 앱의 로직이있는 곳입니다.스타일 - 여기에 CSS가 있습니다..vue 로 끝나는이 구성 요소 파일 은 단일 파일 구성 요소 입니다. 즉, 각 vue 파일은 자체 구성 요소입니다.다른 구성 요소 가져 오기/src/App.vue 구성 요소 내에 다음과 같은 내용이 있습니다. 그리고 논리 섹션에서 : import HelloWor.. Vue 2를 설치하는 방법 - CDN, NPM 및 Vue CLI를 통해 2018 년 Vue.js가 인기를 얻고 있으며이 페이지에 착수 한 경우이 강력한 JavaScript 프레임 워크를 사용하는 방법을 배우기 시작할 가능성이 있습니다.이 튜토리얼에서 Vue.js 2를 실행하고 실행하는 방법을 정확하게 보여 드리겠습니다. Vue를 설치할 수있는 방법은 여러 가지가 있으며 모두 살펴 보겠습니다.CDN을 간단하게 참조하는 방법, NPM (노드 패키지 관리자)을 사용하여 기존 프로젝트에 통합 한 다음 Vue CLI를 사용하는 방법이 있습니다.CDN을 통해 Vue 설치Vue를 설치하는 가장 쉽고 빠른 방법은 CDN (Content Delivery Network)을 통해 Vue를 태그 에 직접 포함시키는 것 입니다. 즉, 자신의 서버에있는 Vue 대신 별도의 서버에서 배달됩니다. 기술.. 이전 1 2 다음