快速了解
完整资料
资料已展开关于 uiv
uiv是由Vue 2实现的Bootstrap 3组件库。
特点
- 所有组件〜20KB Gziped。
- 没有多余的CSS文件。
- 支持单独导入。
- 支持IE 9+和现代浏览器。
- 支持SSR(服务器端渲染)。
支持所有环境:
- UMD构建uiv.min.js可在所有环境(包括浏览器)中使用
- ES6模块构建uiv.esm.js适用于像Webpack 2或汇总这样的现代浏览器(https://webpack.js.org/)
- CommonJS的构建uiv.common.js是browserify或WebPack
安装
js
复制代码
$ npm install uiv --save
or
$ yarn add uiv
注册
main.js注册uiv组件和指令
js
复制代码
// main.js
import 'bootstrap/dist/css/bootstrap.min.css'
import Vue from 'vue'
import * as uiv from 'uiv'
Vue.use(uiv)
命名冲突
默认情况下,所有组件和指令都将不带前缀安装,可以根据需要添加任何前缀,以避免与其他库冲突。
js
复制代码
Vue.use(uiv, {prefix: 'uiv'})
组件如
指令如v-tooltip变v-uiv-tooltip
全局方法,如alert变uiv_alert
单独导入
js
复制代码
import { Alert } from 'uiv'
// or
// import Alert from 'uiv/dist/Alert'
new Vue({
components: {
Alert
}
})
浏览器引入
js
复制代码
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="//vuejs.org/js/vue.min.js"></script>
<script type="text/javascript" src="//unpkg.com/uiv/dist/uiv.min.js"></script>
</head>
<body>
<div id="app">
<tabs>
<tab>Tab content 1.</tab>
<tab>Tab content 2.</tab>
</tabs>
</div>
<script>
// No need to install uiv, we already do this for you after script loaded.
// Define `window.__uiv_options` before script loaded if you need install options.
new Vue().$mount('#app')
</script>
</body>
</html>
这将在您的页面上创建一个工作的Tabs组件
适合的使用方向
uiv是由Vue 2实现的Bootstrap 3组件库。
uiv是由Vue 2实现的Bootstrap 3组件库,所有组件〜20KB压缩,支持IE 9+和现代浏览器,支持服务器端渲染
安装
uiv是由Vue 2实现的Bootstrap 3组件库,所有组件〜20KB压缩,支持IE 9+和现代浏览器,支持服务器端渲染
注册
uiv是由Vue 2实现的Bootstrap 3组件库,所有组件〜20KB压缩,支持IE 9+和现代浏览器,支持服务器端渲染
收录线索
uivue-uiBootstrap vueBootstrap 3组件库库 / 框架
资料说明
内容根据公开资料整理;版本、兼容性与服务状态请以官网最新说明为准。
