自定义Vue2.0组件

Button 按钮

常用的操作按钮。

基础用法

基础的按钮用法。

基础用法

禁用状态

按钮禁用状态

禁用状态

带图标的按钮

让按钮不仅是文字

带图标按钮

设置按钮方向

移动端的按钮图标的方向通常都是不定的

按钮方向

Attributes

参数	说明	类型	可选值	默认值
type	类型	string	primary & info & success & warning & danger & default	default
icon	图标，已有的图标库中的图标名	string	-	-
iconPosition	图标方向	string	left & right & top & bottom	left
plain	是否朴素按钮	Boolean	-	false
disabled	是否禁用状态	Boolean	-	false

使用姿势

全局使用

在main.js中添加一下代码:

import SGSButton from './packages/buttons/button'
Vue.use(SGSButton)

局部使用

在需要使用的组件里引入并注册:

import SgsButton from '../packages/buttons/button'
    export default {
        components: {
            SgsButton
        },

源码请拽我