uniapp实现向数组中添加数据，且数据不能重复并渲染到页面上

1. 在data中定义一个数组arr用于存储数据，定义一个变量inputValue用于获取用户输入的值；
2. 在wxml文件中添加一个输入框和一个按钮，用户输入的值通过v-model绑定到inputValue变量上，按钮绑定一个事件addData；
3. 在addData事件中判断用户输入的值是否已经存在于数组中，如果存在则提示用户，如果不存在则将值添加到数组中，并重新渲染页面。

<template>
  <view>
    <input type="text" v-model="inputValue"/>
    <button @click="addData">添加</button>
    <view v-for="(item,index) in arr" :key="index">{{item}}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      arr: [],
      inputValue: ''
    }
  },
  methods: {
    addData() {
      if (this.arr.indexOf(this.inputValue) > -1) {
        uni.showToast({
          title: '数据已存在',
          icon: 'none'
        })
      } else {
        this.arr.push(this.inputValue)
        this.inputValue = ''
      }
    }
  }
}
</script>