この記事では、Vue のオンデマンド要素である転送シャトル ボックスの導入に関する関連情報を主に共有します。必要な方は参考にしていただければ幸いです。
転送シャトルボックス
オンデマンド転送を導入する
main.jsを編集する
import { ... Transfer } from 'element-ui'; const components = [ ... Transfer ]; components.map(component => { Vue.component(component.name, component); });
transform-vue-jsxプラグインをインストールする
.babelrcファイルを編集する
{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": [["component", [ { "libraryName": "element-ui", "styleLibraryName": "theme-default" } ]], "transform-runtime", "transform-vue-jsx"], "comments": false }
対応するプラグインをインストールする
npm install babel-plugin-syntax-jsx --save-dev npm install babel-plugin-transform-vue-jsx --save-dev npm install babel-helper-vue-jsx-merge-props --save-dev
関連する推奨事項;
以上がVue は、オンデマンドで転送シャトル ボックス要素を導入しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。