Vue开发跨端应用（六）添加onsenui组件库

正在输入代码中

于 2018-01-19 15:02:43 发布

阅读量792

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端 Vue 文章标签： vue web onsenui 跨平台

本文链接：https://blog.youkuaiyun.com/qq_26744901/article/details/79054756

143 篇文章

订阅专栏

18 篇文章

订阅专栏

本文介绍如何使用Onsen UI为Vue项目构建移动应用。Onsen UI提供了丰富的移动UI组件，遵循iOS和Android的设计规范，实现即用型功能。文章详细介绍了安装过程及在main.js中引入资源的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装：

npm install onsenui vue-onsenui --save

为什么使用onsenui：https://onsen.io/vue/

1.拥有大量专门为移动应用设计的ui组件

2.按照原生的ios和Android设计标准提供，提供即用型功能

3.免费使用，100%开发

4.其他的vue库在跨三端上都有点问题，就这个没有问题（最主要的）

在mian.js导入资源

import 'onsenui/css/onsenui.css'
import 'onsenui/css/onsen-css-components.css'
import VueOnsen from 'vue-onsenui'
Vue.use(VueOnsen)