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

阅读更多
官网: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)