欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 框架引入element组件以及mini-ui 组件 框架UI 

程序员文章站 2022-07-11 15:14:43
...
官网:http://element.eleme.io/

使用步骤:

1、安装完vue-cli后,再安装 element-ui

命令行:npm i element-ui -D

相当于  npm install element-ui --save-dev

2、在main.js入口文件中引入它的js和css

import ElementUI from 'element-ui'          //固定路径,类似vuerouter

import 'element-ui/lib/theme-default/index.css'      //固定路径
如果有报错:element-ui/lib/theme-chalk/index.css  //使用这个路径

3、使用组件在main.js入口文件中声明使用

声明后可以在任何一个vue模块中使用

Vue.use(ElementUI)


引入 mini-tu

使用步骤:

1、安装完vue-cli后,再安装 mint-ui

命令行:npm install mint-ui -S

相当于  npm install mint-ui --save

//   i -> install       D  -> --save-dev       S -> --save   都是缩写

4、在main.js入口文件中引入它的js和css

import Mint from 'mint-ui'       //固定路径,类似vuerouter

import 'mint-ui/lib/style.css'      //固定路径



相关标签: 框架 UI