@sweetui/sweet-mobile-lib
Version:
Geely Group Mobile Vue.js Component
45 lines (32 loc) • 864 B
Markdown
# Sweet Mobile Component 移动端组件库
本文将介绍 @sweetui/sweet-mobile-lib 的安装方式和基本的用法。
### npm安装
```npm
npm i @sweetui/sweet-mobile-lib -S
```
**完整引入**
在 main.js 中写入以下内容:
```js
import Vue from 'vue'
import sweetMobileLib from '@sweetui/sweet-mobile-lib'
import '@sweetui/sweet-mobile-lib/css/index.less'
import App from './App.vue'
Vue.use(sweetMobileLib)
new Vue({
el: '#app',
render: h => h(App)
})
```
**按需引入**
接下来,如果你只希望引入部分组件,比如 Input 和 Group,那么需要在 main.js 中写入以下内容:
```js
import Vue from 'vue'
import { Input, Group } from '@sweetui/sweet-mobile-lib'
import App from './App.vue'
Vue.component(Input.name, Button)
Vue.component(Group.name, Select)
new Vue({
el: '#app',
render: h => h(App)
});
```