vuejs el의 용도는 무엇인가요?
- 青灯夜游원래의
- 2021-09-18 17:58:433180검색
vuejs에서 el의 역할은 Vue 인스턴스의 탑재 대상을 지정하고, 인스턴스가 탑재된 후 페이지에 이미 존재하는 DOM 요소를 Vue 인스턴스의 탑재 대상으로 제공하는 것입니다. "vm.$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: '#ppp',
router,
store,
render: h => h(App)
})
예 2: 문자열 템플릿 대체cbb2d6653cebd7b8903d0daa6339ca4f
위 내용은 vuejs el의 용도는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：vuejs에서 차단을 요청하는 방법다음 기사：vuejs에서 차단을 요청하는 방법