bxs-ui-vue

BXS-UI-VUE

概述

保险师VUE组件库

开发

## 安装依赖
npm install

## 启动example
npm run dev

## 构建
npm run build

本地调试

使用npm link bxs-ui-vue和npm unlink bxs-ui-vue

## 到bxs-ui工程下执行
npm link

## 到业务工程下执行
npm link bxs-ui-vue

## 取消本地调试执行
npm unlink bxs-ui-vue

使用

npm install bxs-ui-vue

npm install bxs-ui-vue --save-dev

使用babel-plugin-component

"plugins": [
  [
    "component", {
      "libraryName": "bxs-ui-vue",
      "libDir": "lib",
      "style": "index.css"
    }
  ]
]

与mint-ui同时使用

"plugins": [
  [
    "component", [{
      "libraryName": "mint-ui",
      "style": true
    },{
      "libraryName": "bxs-ui-vue",
      "libDir": "lib",
      "style": "index.css"
    }]
  ]
]

导入所有组件

import Vue from 'vue'
import Bxs from 'bxs-ui-vue'
Vue.use(Bxs)

<bxs-badge></bxs-badge>

export default {
  mounted () {
    this.$toast('hello world')
  }
}

按需引入组件

<bxs-badge></bxs-badge>

import { Toast, Badge } from 'bxs-ui-vue'
export default {
  mounted () {
    Toast('hello world')
  },
  components: {
    [Badge.name]: Badge
  }
}

或

import Vue from 'vue'
import { Toast, Badge } from 'bxs-ui-vue'
Vue.use(Toast)
Vue.use(Badge)

<bxs-badge></bxs-badge>

export default {
  mounted () {
    this.$toast('hello world')
  }
}