Vue中数组遍历/添加元素/更新/过滤/排序操作

最新推荐文章于 2024-07-03 17:18:15 发布

Elylicery

最新推荐文章于 2024-07-03 17:18:15 发布

阅读量3.9k

点赞数 1

分类专栏：问题文章标签： vue javascript js

本文链接：https://blog.csdn.net/sinat_38368658/article/details/107997407

版权

本文介绍了Vue中如何遍历数组（v-for）、更新数组（包括添加元素）、过滤数组以及对数组进行排序。在添加元素时，分别展示了改变和不改变原数组的方法。同时，讨论了在不想改变原数组的情况下，如何利用计算属性进行过滤和排序的操作。

摘要由CSDN通过智能技术生成

1.遍历数组：v-for

<div id="app">
    <ul>
      <template v-for="(book,index) in books">
        <li>{
  {index}}-{
  {book.name}}</li>
      </template>
    </ul>
  </div>
</script>
  <script>
    var app = new Vue({
    
      el:'#app',
      data:{
    
        books:[
          {
    
            name:'<<VUe.js>>',
          },
          {
    
            name:'<<CSS>>',
          },
          {
    
            name:'<<Javascript>>',
          }
        ]
      },
    });
    
  </script>