# vue-vote

**Repository Path**: guonan01/vue-vote

## Basic Information

- **Project Name**: vue-vote
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-09-30
- **Last Updated**: 2021-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-vote

#### Description
> A Vue.js component for creating polls, 
>voting and showing results. It’s easy to implement and easy to customize.
>It`s based on vue2+

#### Install
```
npm i vue-vote
```
#### Usage
```
<template>
    <div id="app" class="container">
      <vue-vote v-bind="options" @addvote="addVote"></vue-vote>
    </div>
</template>

data(){
        return {
          options: {
            question: "Vote for your favorite NBA team",
            answers: [
              { value: 1, text: "Los Angeles Lakers", votes: 53 },
              { value: 2, text: "Houston Rockets", votes: 295 },
              { value: 3, text: "Minnesota Timberwolves", votes: 30 },
              { value: 4, text: "New York Knicks", votes: 10 }
            ]
          }
        }
    },
    methods: {
      addVote(obj) {
        console.log("You voted " + obj.value + "!");
      },
    }
```

#### The effect：
![输入图片说明](https://images.gitee.com/uploads/images/2021/0930/153206_89fd8af9_1003280.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0930/153216_32990900_1003280.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0930/173215_5e9d77ca_1003280.png "屏幕截图.png")