>웹 프론트엔드 >JS 튜토리얼 >vue에서 el은 무엇을 의미하나요?

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

(*-*)浩
(*-*)浩원래의
2019-05-25 10:03:0416085검색

el

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

유형: 문자열 | 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: '#ppp',
    router,
    store,
    render: h => h(App)
})
로 렌더링된 DOM 대체

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

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