Avue —— 初次使用

说明了Avue,肯定使用vue,关于vue以及vue的相关安装请参照《基于Vue的SpreadJS（一）》

（1）Avue安装

npm install @smallwei/avue
//或者
npm i @smallwei/avue

（2）Avue引入

在main.js文件中添加如下：

import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(Avue, {
size: 'medium',
menuType: 'text',
});

size（组件默认尺寸）和menuType（操作菜单按钮类型）用于更改全局配置，后续的文章中会具体知道他们的作用。

（3）Avue使用尝试

在任意一个页面我们使用基础的单组件（此处我使用输入框）

<template>
	<avue-input v-model="form"  placeholder="请输入内容" />
</template>
export default {
  name: 'test',
  data() {
    return {
      form: '我是内容',
    }
   }
 }

结果显示：