ホームページ >ウェブフロントエンド >jsチュートリアル >vue-cli を使用して要素 UI コンポーネントをインポートする方法

vue-cli を使用して要素 UI コンポーネントをインポートする方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-29 11:13:233506ブラウズ

今回は、vue-cli を使用して Element UI コンポーネントをインポートする方法と、vue-cli を使用して Element UI コンポーネントをインポートする際の注意事項について説明します。以下は実際のケースです。

最初のステップとして、コマンドラインに次のように npm i element-ui を入力します。

npm i element-ui,如:

接着在mian.js 中添加

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

如:=>

最后在命令行输入npm run dev

次に、次のように main.js に

rrreee

を追加します:=>

最後に、コマンドラインに npm run dev と入力して、作成したプロジェクトを開きます。この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書

AngularJSカスタムフィルターの使用方法

🎜🎜🎜JSを使用してページング印刷を実装する方法🎜🎜🎜

以上がvue-cli を使用して要素 UI コンポーネントをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。