>  기사  >  웹 프론트엔드  >  vuejs에서 마운팅이란 무엇을 의미합니까?

vuejs에서 마운팅이란 무엇을 의미합니까?

青灯夜游
青灯夜游원래의
2021-09-28 15:10:254883검색

가상 돔과 실제 돔 사이의 관계를 설정하고 Vue 인스턴스가 페이지의 특정 영역을 제어하도록 하는 과정을 마운팅이라고 합니다. 마운트 방법은 다음과 같습니다. 1. "el:'css selector'" 문을 통해 구성합니다. 2. "Vue 인스턴스.$mount("css selector")" 문을 통해 구성합니다.

vuejs에서 마운팅이란 무엇을 의미합니까?

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

마운트라는 단어는 운영 체제 개념에서 유래되었습니다. 원래 의미는 가상 파일 시스템과 하드웨어 드라이버 간의 관계를 설정하여 실제 파일을 간접적으로 운영한다는 것입니다. 예를 들어, USB 디스크 동작의 본질은 가상 파일 시스템을 통해 실제 USB 디스크 파일과 매핑 관계를 구축하는 것이며, 사용자가 조작하는 파일의 추가, 삭제, 수정, 확인 등은 모두 가상 파일 디렉터리에 대한 것이며, 가상 파일 시스템은 실제 파일 작업을 처리합니다.

USB 디스크의 실제 파일 시스템과 가상 파일 시스템 간의 관계를 설정하는 과정을 마운팅이라고 합니다.

브라우저로 돌아가서 가상 돔과 실제 돔 사이의 관계를 설정하는 과정을 마운팅이라고 할 수도 있습니다. '가상'과 '실제'가 모두 연결되어 있기 때문에 사용자는 '가상' 부분을 조작하게 됩니다.

그럼 vue에서 언급된 마운트는 무엇을 의미하나요?

Vue 인스턴스가 페이지의 특정 영역을 제어하도록 하는 프로세스를 마운팅이라고 합니다.

마운팅 방법:

1. `el: "css selector"를 통해 구성

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  el: &#39;#app&#39;
})
</script>

Vue

생성 시 마운트됨 2. Vue 인스턴스.$mount("css selector") code>구성 <code>Vue实例.$mount("css选择器")进行配置

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  ...
})
Vue.$mount("#app");
</script>

创建Vue了之后进行挂载

$rrreee

Vue 생성 후 마운트

$는 Vue 인스턴스의 데이터 이름이 동일한지 구별하는 데 사용됩니다(이름 중복 방지)

관련 권장 사항: "🎜vue .js 튜토리얼🎜"🎜

위 내용은 vuejs에서 마운팅이란 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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