How does vue introduce components such as elementui on demand without scaffolding

it is convenient to use scaffolding to reference ui components on demand, but now there is a project that cannot be changed to scaffolding. How to reference ui components such as elementui? on demand? Thank you

this is scaffolding

import Vue from "vue";
import { Button, Select } from "element-ui";
import App from "./App.vue";

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 
 * Vue.use(Button)
 * Vue.use(Select)
 */

new Vue({
  el: "-sharpapp",
  render: h => h(App)
});

introduce the required files in the form of script tags
such as:

clipboard.png

clipboard.png

see if you can form an array of what you need to reference according to the file name


  1. download the js of the corresponding plug-in (usually available on the official website, such as elementUI) to your own project, and then use the script tag to introduce it.
  2. If you do not want to download
  3. , directly introduce the script tag into the cdn address of the plug-in (there is also
  4. on the official website).

cdn address is given on elementUI official website:

Failed to decode downloaded font: http://127.0.0.1:8080/fonts/element-icons.woff
(index):1 OTS parsing error: invalid version tag
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bddfb5-313e1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bddfb5-313e1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?