vue新建数组并追加元素

在Vue中，可以通过以下方式新建数组并追加元素：

1. 使用Vue的数据绑定语法：

<template>
  <div>
    <button @click="addToArray">添加元素</button>
    <ul>
      <li v-for="item in myArray" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myArray: []
    }
  },
  methods: {
    addToArray() {
      this.myArray.push('新元素')
    }
  }
}
</script>

2. 直接使用JavaScript的方法：

<template>
  <div>
    <button @click="addToArray">添加元素</button>
    <ul>
      <li v-for="item in myArray" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myArray: []
    }
  },
  methods: {
    addToArray() {
      this.myArray = [...this.myArray, '新元素']
    }
  }
}
</script>

以上两种方法都可以实现新建数组并追加元素的功能。第一种方法使用Vue的数据绑定语法，可以直接操作数组；第二种方法使用JavaScript的方法，需要先创建一个新的数组，再将原数组和新元素拼接起来。