vue.js에서 el은 무엇을 의미하나요?-View.js-php.cn

vue.js에서 el은 무엇을 의미하나요?

coldplay.xixi

풀어 주다： 2020-11-17 15:28:46

원래의

8640명이 탐색했습니다.

vue.js에서 el의 의미: el의 유형은 인스턴스에 대한 마운팅 요소를 제공하는 데 사용됩니다. 렌더 함수나 템플릿 속성이 있으면 마운팅 요소가 생성됩니다. Vue에서 생성된 DOM으로 교체합니다.

vue.js에서 el은 무엇을 의미하나요?

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

vue.js el의 의미 :

유형 : String | HTMLElement | Function

제한 사항: 에만 해당 기능은 구성요소 정의에 포함될 수 있습니다.

세부정보:

인스턴스용 장착 요소를 제공합니다. 값은 CSS 선택기, 실제 HTML 요소 또는 HTML 요소를 반환하는 함수일 수 있습니다. 요소는 마운트 지점으로만 사용됩니다. 템플릿이 제공되면 교체가 false가 아닌 한 요소가 교체됩니다. vm.$el을 사용하여 요소에 액세스할 수 있습니다.

Vue.extend에서 사용되는 함수 값은 모든 인스턴스가 요소를 공유하지 않도록 해야 합니다.

초기화 중에 이 옵션을 지정하면 인스턴스가 즉시 컴파일 프로세스에 들어갑니다. 그렇지 않으면 vm.$mount()를 호출하여 수동으로 컴파일을 시작해야 합니다.

제공된 요소는 마운트 포인트로만 사용할 수 있습니다. Vue 1.x와 달리 모든 장착 요소는 Vue에서 생성된 DOM으로 대체됩니다. 따라서 또는 에 루트 인스턴스를 마운트하는 것은 권장되지 않습니다.

렌더링 기능이나 템플릿 속성이 모두 존재하지 않는 경우 마운트된 DOM 요소의 HTML이 추출되어 템플릿으로 사용됩니다. 이때 Runtime + Compiler로 구축된 Vue 라이브러리를 사용해야 합니다. Vue 인스턴스의 탑재 대상을 지정하는 데 사용되는

el의 역할은 누구나 알고 있습니다. 위의 두 부분에 중점을 둡니다. 렌더링 기능이나 템플릿 속성이 있는 경우 마운트된 요소는 Vue에서 생성된 DOM으로 대체됩니다. 그렇지 않으면 마운트된 요소가 있는 HTML이 추출되어 다음과 같이 사용됩니다. 템플릿

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="ppp"></div>
    </body>
</html>

로그인 후 복사

예: 렌더링 함수

new Vue({
    el: &#39;#ppp&#39;,
    router,
    store,
    render: h => h(App)
})

로그인 후 복사

로 렌더링된 DOM 대체 관련 무료 학습 권장사항: javascript(동영상)

위 내용은 vue.js에서 el은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!