vue 프로젝트 js 가져오기 로딩 순서에 대한 자세한 설명

공부하려고 vue 프로젝트에 들어간 후, js 임포트 후 잘못된 로딩 순서에 대한 오류가 자주 발생합니다. 이 글에서는 주로 vue 프로젝트에서의 js 임포트 및 로딩 순서에 대한 자세한 설명을 공유하여 여러분에게 도움이 되기를 바랍니다.

가져온 js에서:

 var block = document.getElementById("block");    
 // 绑定touchstart事件
block.addEventListener("touchstart", function(e) {});

2. 인터페이스가 파싱되어 위에서 아래로 로드되므로 인터페이스가 완전히 로드된 후 js가 로드되지 않으면 다음과 같은 오류가 보고됩니다. 아래 그림. 표시:

3 이때 js 메서드

a.vue

import {touchAction} from '../../static/js/touchAction.js';

 mounted(){   touchAction();
  },

<img src="../../static/pic/btn-control.png" alt="" class="control-derection" id="block">

b.js

export let touchAction = function () {
    console.log("clientWidth:"+document.body.clientWidth);    var block = document.getElementById("block");
    block.addEventListener("touchstart", function(e) {})
}

를 노출하려면 vue 프로젝트에서 마운트된 메서드를 사용해야 합니다.

Vue 로딩 시퀀스 예제에 대한 논의

고성능 자바스크립트

html, css, js 파일 로딩 시퀀스 및 실행의 로딩 시퀀스 및 실행 원리에 대한 자세한 설명

위 내용은 vue 프로젝트 js 가져오기 로딩 순서에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!