>웹 프론트엔드 >View.js >vuejs el의 용도는 무엇인가요?

vuejs el의 용도는 무엇인가요?

青灯夜游
青灯夜游원래의
2021-09-18 17:58:433251검색

vuejs에서 el의 역할은 Vue 인스턴스의 탑재 대상을 지정하고, 인스턴스가 탑재된 후 페이지에 이미 존재하는 DOM 요소를 Vue 인스턴스의 탑재 대상으로 제공하는 것입니다. "vm.$el" 액세스.

vuejs el의 용도는 무엇인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

Vue 공식 API 문서에는 el에 대한 설명이 다음과 같습니다.

https://cn.vuejs.org/v2/api/#el

Vue 인스턴스를 지정하는 데 사용되는 el의 역할은 누구나 알고 있습니다. . 마운트 대상. 위의 두 개의 빨간색 느낌표 부분에 중점을 둡니다. 렌더링 기능이나 템플릿 속성이 있는 경우 마운트된 요소는 Vue에서 생성된 DOM으로 대체됩니다. 그렇지 않으면 마운트된 요소가 있는 HTML이 됩니다. 추출하여 템플릿으로 사용

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

예제 1: 렌더링 함수에 의해 렌더링된 DOM 대체0b56aebb5df5b06b70a352c6e82d051d94b3e26ee717c64999d7867364b1b4a3

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

예 2: 문자열 템플릿 대체cbb2d6653cebd7b8903d0daa6339ca4f

위 내용은 vuejs el의 용도는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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