Comment ajouter des composants de l'élément UI dans Vue

Cette fois, je vais vous montrer comment ajouter des composants d'élément d'interface utilisateur à Vue. Quelles sont les précautions pour ajouter des composants d'élément d'interface utilisateur à Vue. Voici un cas pratique, jetons un coup d'œil.

Selon le document, le module de chargement à la demande doit être configuré (s'il n'est pas chargé à la demande, il n'est pas nécessaire de modifier ce fichier).

Le fichier babelrc ; le contenu du fichier pré-généré par er1vue-cli est :

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

La description du site officiel d'ElementUI modifie la configuration en :

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

En fait, le nœud signalera une erreur lorsque npm run dev. La recommandation officielle est babel-preset-env pour remplacer es-2015 pour la compilation ;

main.js. Par exemple, nous voulons utiliser le composant de sélection de temps

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