ホームページ > ウェブフロントエンド > jsチュートリアル > vuejsをローカルに導入する方法

vuejsをローカルに導入する方法

青灯夜游
リリース: 2023-01-11 09:20:07
オリジナル
8640 人が閲覧しました

vuejs をローカルに導入する方法: 1. vue 公式 Web サイトから「vue.min.js」ファイルをローカルにダウンロードします; 2. HTML ドキュメント内の script タグを使用して、ダウンロードした vue ファイル、構文を導入しますは「」です。

vuejsをローカルに導入する方法

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vuejs をローカルに導入する

公式 Web サイトにアクセスして、vue.min.js ファイルをローカルにダウンロードします。公式 Web サイトのダウンロード アドレス: https ://vuejs.org /js/vue.min.js

次に、スクリプトを直接使用してローカルの vue.js ファイルをインポートします。

<script src="./js/vue.min.js"></script>
ログイン後にコピー

HTML ドキュメントにコードを追加

<body>
	<div id="app">{{aaa}}</div>
</body>
<script>
	new Vue({
		el:&#39;#app&#39;,
		data:{
			aaa:&#39;Hello Vue.js !&#39;
		}})
</script>
ログイン後にコピー

関連する推奨事項:「vue.js チュートリアル

以上がvuejsをローカルに導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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