@sweetui/sweet-mobile-lib

Sweet Mobile Component 移动端组件库

本文将介绍 @sweetui/sweet-mobile-lib 的安装方式和基本的用法。

npm安装

npm i @sweetui/sweet-mobile-lib -S

完整引入

在 main.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 中写入以下内容：

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)
});