v-easy-components

# 安装

# 安装

以下代码描述了如何使用NPM安装我们的VEasy

npm install v-easy-components --save-dev

yarn add v-easy-components -D

# 直接使用 <script> 0.5.1+

直接下载并通过<script>标签引入，您可以使用全局变量VEasy获得v-easy-components

# CDN

您可以通过unpkg获取资源的最新版本，并在页面上引入js和css文件以开始使用。
注意：如果以CDN形式引入，字体文件目前只支持其中一种（solid）

<script src="//unpkg.com/vue@2.6.10/dist/vue.js"></script>
<!-- 组件库 -->
<script src="//unpkg.com/v-easy-components"></script>
<!-- 组件样式 -->
<link rel="stylesheet" href="//unpkg.com/v-easy-components/lib/theme-chalk/index.css">

如果要获得稳定的版本，请携带版本号

<script src="//unpkg.com/vue@2.6.10/dist/vue.js"></script>
<!-- 组件库 -->
<script src="//unpkg.com/v-easy-components@1.3.0/lib/index.js"></script>
<!-- 组件样式 -->
<link rel="stylesheet" href="//unpkg.com/v-easy-components@1.3.0/lib/theme-chalk/index.css">

# Hello world

一个简单的例子，您可以快速开始制作原型

只需按照约定使用它，即可快速制作原型
<template>
  <div>
    <ve-input v-model="value" @keyup.native.enter="handlerTargetMessage" placeholder="请输入"></ve-input>
    <ve-button style="margin-left: 20px" @click="handlerTargetMessage">TargetMessage</ve-button>
  </div>
</template>

<script>
  export default {
    methods: {
      handlerTargetMessage() {
        if (this.value) {
          this.$msg({
            type: 'success',
            message: this.value
          })
        } else {
          this.$msg({
            type: 'error',
            message: 'please enter text',
          })
        }
      }
    }
  }
</script>

快速开始 →