ホームページ > 記事 > ウェブフロントエンド > VUE で一般的に使用されるいくつかのインポート方法 (モジュール、ファイル) の紹介
この記事では、主に VUE でよく使用されるいくつかのインポート方法 (モジュール、ファイル) を詳しく紹介します。非常に優れた内容なので、参考として共有します。
1 サードパーティプラグインの導入
import echarts from 'echarts'
2 ツールクラスの導入
1つ目は、単一のメソッドの導入です
import {axiosfetch} from './util';
以下は書き方です。エクスポートする必要があります
export function axiosfetch(options) { }
グループをインポートする2番目の方法
import * as tools from './libs/tools'
tools.jsには複数のエクスポートメソッドがあります
vueにツール内のすべてのエクスポートメソッドをインポートするにはどうすればよいですか?
Vue.prototype.$tools = tools
this.$tools.methodを直接呼び出すだけです
そういえば、exportとexportdefaultの違いは何ですか?
違いを見てみましょう
まず、
import {axiosfetch} from './util'; //需要加花括号 可以一次导入多个也可以一次导入一个,但都要加括号
2つの方法がある場合
import {axiosfetch,post} from './util';
次に、デフォルトの
3. css ファイルをインポートします
import axiosfetch from './util'; //不需要加花括号 只能一个一个导入
.vue ファイル内にある場合は、その外にスタイルを配置します
import 'iview/dist/styles/iview.css';
4. コンポーネントをインポートします
<style> @import './test.css'; </style>
上記ですこの記事の全内容が皆さんのお役に立てば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。
関連する推奨事項:
イベントのバブリングを防ぐ jQuery のインスタンス分析
クロスドメインルーティングの競合を解決するための Vue のアイデアについて
以上がVUE で一般的に使用されるいくつかのインポート方法 (モジュール、ファイル) の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。