27-Uso de la biblioteca de componentes de la interfaz de usuario en vue

Consulte el sitio web
de enlace: plug-in de vue (terminal móvil) .
Enlace: vue plug-in biblioteca (terminal de PC) .

Sugerencia
Tome el complemento vue (terminal móvil) como ejemplo:
  el comando para instalar la biblioteca mini-ui:

npm install --save mint-ui

  Para lograr el empaquetado bajo demanda, también debe ejecutar comandos y modificar el archivo .babelrc:

npm install --save-dev babel-plugin-component

  Modifique el archivo .babelrc para:

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

Como se muestra en la figura:
Inserte la descripción de la imagen aquí
 
el código introducido en el archivo html.js para resolver el retraso del clic del terminal móvil

<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
    <script>
      if ('addEventListener' in document) {
    
    
      document.addEventListener('DOMContentLoaded', function() {
    
    
      FastClick.attach(document.body);
      }, false);
      }
      if(!window.Promise) {
    
    
      document.writeln('<script + src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
      }
    </script>

Supongo que te gusta

Origin blog.csdn.net/A_Bow/article/details/113826864
Recomendado
Clasificación