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' //固定路径
使用步骤:
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' //固定路径
上一篇: 石阡苔茶就该这样冲泡,色香味会更好
下一篇: AI修改渐变效果的角度与大小比例方法
推荐阅读
-
【分享】Vue 资源典藏(UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例)
-
vue 框架引入element组件以及mini-ui 组件 框架UI
-
vue 框架引入element组件以及mini-ui 组件 框架UI
-
vue移动端UI框架实现QQ侧边菜单组件
-
Vue组件大全包括(UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例)
-
vue的手机端框架mint-ui头部header组件实现返回到上一个浏览页面
-
VUE 项目中实现 element-ui 组件按需引入
-
Vue+ElementUI零基础搭建管理平台(5)——如何在vue-cli中添加ElementUI以及引入ElementUI框架中的组件
-
【分享】Vue 资源典藏(UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例)
-
vue移动端UI框架实现QQ侧边菜单组件