집 > 기사 > 웹 프론트엔드 > vue.js 구성요소란 무엇입니까?

vue.js 구성요소란 무엇입니까?

vue.js 구성 요소는 특정 기능을 완성하는 데 사용되는 사용자 정의 HTML 태그입니다. 전역 구성 요소와 로컬 구성 요소는 모든 중단된 태그에서 사용할 수 있으며, 로컬 구성 요소는 특정 vue 인스턴스에 정의됩니다.

vue.js 구성요소란 무엇입니까?

【관련 기사 추천: vue.js】

컴포넌트는 특정 기능을 완성하는 데 사용되는 사용자 정의 HTML 태그입니다.

예:

<body>
    <mytag></mytag>
</body>

참고: mytag는 컴포넌트입니다. 이 컴포넌트는 Mytag입니다. Vue를 통해 특정 기능을 부여해야 합니다

컴포넌트의 역할

컴포넌트는 특징적인 기능 코드(html, css, js)를 캡슐화한 것이며, 컴포넌트의 코드는 해당 컴포넌트의 이름을 통해 재사용이 가능합니다. component.

구성 요소 분류:

전역 구성 요소 및 로컬 구성 요소

참고: 구성 요소의 템플릿에는 루트 태그가 하나만 있어야 합니다(모든 콘텐츠는 하나의 태그로 묶여야 함).

글로벌 컴포넌트

1. 글로벌 컴포넌트 구문:

Vue.component("自定义标签的名字",{配置对象})

2. 글로벌 컴포넌트의 특징:

1에 정의됩니다. 로컬 구문:

var app = new Vue({
    el: "#app",
    data: {},
    components : {
       　"局部组件的名字1" : {组件的配置对象}
       　　 "局部组件的名字2" : {组件的配置对象}
    }
});

2 로컬 구성 요소는 다음에서 사용되는 경우에만 사용할 수 있습니다. 마운트된 태그.