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

官网:http://element.eleme.io/

使用步骤:

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

命令行:npmielement-ui-D

相当于npminstallelement-ui--save-dev

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

importElementUIfrom'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

命令行:npminstallmint-ui-S

相当于npminstallmint-ui--save

//i->installD->--save-devS->--save都是缩写

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

importMintfrom'mint-ui'//固定路径,类似vuerouter

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

相关推荐