>  기사  >  웹 프론트엔드  >  vue.js에서 el은 무엇을 의미하나요?

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

coldplay.xixi
coldplay.xixi원래의
2020-11-09 16:55:278444검색

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

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

【관련 기사 추천 : vue.js

vue.js el의 의미 :

el

유형 : String | HTMLElement | Function

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

세부정보:

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

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

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

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

렌더링 기능이나 템플릿 속성이 모두 존재하지 않는 경우 마운트된 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>

예: 렌더링 함수 b6e927d7e9bbb9062e270db5cafd5aef16b28748ea4df4d9c2150843fecfba68

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.