关于vue.js:P8-vue3-数组更新检查


<script>
export default {
  data() {
    return {
      list: [1, 2, 3, 4, 5],

    };
  },
  methods:{
    changeList:function (){
      //vue2 不能够通过批改索引值更新数组
      this.list[5]=7
      // push();给数组开端增加元素
      // pop();
      // shift()
      // unshift()
      // splice()
      // sort()
      // reverse()
    },
  }
};
</script>

<template>
  <div>
    <ul>
      <li v-for="itme in list" :key="itme"> {{itme}}</li>
    </ul>
    <button @click="changeList">change list</button>

  </div>
</template>

<style>

</style>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理