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 &#39;./test.css&#39;; 

</style>

上記ですこの記事の全内容が皆さんのお役に立てば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

イベントのバブリングを防ぐ jQuery のインスタンス分析

クロスドメインルーティングの競合を解決するための Vue のアイデアについて

ルーティング パラメーターを動的に設定する Vue の概要

以上がVUE で一般的に使用されるいくつかのインポート方法 (モジュール、ファイル) の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。