vueプロジェクトのjsインポート読み込みシーケンスの詳細説明

韦小宝
リリース: 2018-03-14 18:26:56
オリジナル
4529 人が閲覧しました

. 勉強するためにvueプロジェクトに入った後、インポート後のjsの読み込み順序が不適切であるというエラーがよく発生します。この記事では主にjsのインポートとvueプロジェクトの読み込み順序について詳しく説明します。みんな。

インポートされたjs:

 var block = document.getElementById("block");    
 // 绑定touchstart事件
block.addEventListener("touchstart", function(e) {});
ログイン後にコピー

2. インターフェースは上から下に解析されてロードされるため、インターフェースが完全にロードされた後にjsがロードされない場合、エラーが報告されます。下の図:

vueプロジェクトのjsインポート読み込みシーケンスの詳細説明

3. この時点で、vue プロジェクトでマウントされたメソッドを使用して、js メソッド

a.vue

import {touchAction} from '../../static/js/touchAction.js';
ログイン後にコピー
 mounted(){   touchAction();
  },
ログイン後にコピー
rreee

b.js

<img src="../../static/pic/btn-control.png" alt="" class="control-derection" id="block">
ログイン後にコピー

を公開する必要があります。

Vueの読み込みシーケンス例の議論

高機能JavaScriptの読み込みシーケンスと実行原理の詳細な説明

html、css、jsファイルの読み込みシーケンスと実行状況

以上がvueプロジェクトのjsインポート読み込みシーケンスの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート