@xinz/xinz-comp-lib-learning v0.0.1

@xinz/xinz-comp-lib-learning

1-引入方式

在vue项目中的main.js文件里面，引入组件库插件文件和组件库样式文件。

// ...

// 引入组件库插件文件和组件库样式文件
import XinzUI from '@xinz/xinz-comp-lib-learning'；
import '@xinz/xinz-comp-lib-learning/xinz-ui.css';

// 注册使用组件库插件
Vue.use(XinzUI);

//...

2-两个用于测试的组件

1、xz-button

测试用例：

<template>
  <div class="container">
    <xz-button :title="title"></xz-button>
  </div>
</template>

<script>
export default {
  name: 'test-button',
  data: function() {
    return {
      title: 'button 测试标题'
    }
  }
}
</script>

2、xz-input

测试用例：

<template>
  <div class="container">
    <xz-input :title="title"></xz-input>
  </div>
</template>

<script>
export default {
  name: 'test-input',
  data: function() {
    return {
      title: 'input 测试标题'
    }
  }
}
</script>

3-license

MIT