0.4.4 • Published 4 years ago
@jsliushen/v-ui v0.4.4
安装
npm i @jsliushen/v-ui -S
整体引入
import Vue from 'vue'
import VUI from '@jsliushen/v-ui'
import '@jsliushen/v-ui/lib/index.css'
Vue.use(VUI)
按需引入
方案一
import Vue from 'vue'
import { Button } from '@jsliushen/v-ui'
import '@jsliushen/v-ui/lib/button/index.css'
Vue.use(Button)
方案二
npm i babel-plugin-component -D
配置.babelrc
{
//......
// 其他配置
//......
"plugins": [
[
"component",
{
"libraryName": "@jsliushen/v-ui",
"libDir": "lib",
"style": "index.css"
}
]
]
}
使用时直接引入组件,不再需要显示的引入css
import Vue from 'vue'
import { Button } from '@jsliushen/v-ui'
Vue.use(Button)
cdn引入
<script src="https://unpkg.com/@jsliushen/v-ui/lib/v-ui.umd.js"></script>
cdn demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>vui</title>
<link rel="stylesheet" href="https://unpkg.com/@jsliushen/v-ui/lib/index.css">
</head>
<body>
<div id="app">
<v-button type="primary" @click="handleClick">click me</v-button>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/@jsliushen/v-ui/lib/v-ui.umd.js"></script>
<script>
new Vue({
el: '#app',
data: function() {
return {
message: 'hello VUI'
}
},
methods: {
handleClick() {
alert(this.message)
}
}
})
</script>
</body>
</html>
0.4.4
4 years ago
0.4.3
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.4.2
4 years ago
0.3.9
4 years ago
0.3.8
4 years ago
0.3.7
4 years ago
0.3.6
4 years ago
0.3.5
4 years ago
0.3.4
4 years ago
0.3.3
4 years ago
0.3.2
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.1
5 years ago