Vue で要素 UI コンポーネントを追加する方法

今回は、Vue に要素 UI コンポーネントを追加する方法を説明します。Vue に要素 UI コンポーネントを追加するときの 注意点とは何ですか? 以下に実際のケースを示します。

ドキュメントによると、オンデマンド読み込みモジュールを設定する必要があります(オンデマンドでロードされない場合、このファイルを変更する必要はありません)。

er1vue-cliで事前に生成されたファイルの内容は次のとおりです。 :

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

ElementUI 公式 Web サイトの説明では、構成が次のように変更されます:

{  
"presets": [   
       ["ES-2015", { "modules": false }] 
  ], 
 "plugins": [["component", [ 
      {     
        "libraryName": "element-ui",    
        "styleLibraryName": "theme-chalk"   
      }
  ]]]
 }

実際、npm が dev を実行すると、ノードはエラーを報告します。公式の推奨事項は、コンパイル用に es-2015 を置き換える babel-preset-env です。 vue2.x で使用しますか? 設定方法は次のとおりです

main

.js に追加します。たとえば、時間選択コンポーネントを使用します。 element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use( DatePicker);

これは、9353ecc60cd6eb45a7b035bda9a6732304b349107314c9cb475f60249b0908dd

この記事の事例を読んだ後は、この方法を習得したと思います。さらにエキサイティングな内容については、php 中国語 Web サイトの他の関連記事にご注意ください。 関連書籍:

ES6 のセットデータ構造とマップデータ構造

ES6 オブジェクトの割り当てとシンボル

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