如何在 Vue.js 的列表中动态添加或删除项目？

Vue 是一个用于构建用户界面的渐进式框架。核心库仅专注于视图层，易于获取并与其他库集成。 Vue 还可以完美地结合现代工具和支持库来支持复杂的单页应用程序。

使用 Vue.js，可以使用 v-model 指令轻松地在列表中动态添加或删除项目。该指令将所有可能性绑定到单个通道。当用户从可用选项列表中选择一个选项时，它会将其添加到值列表中。同样，如果用户取消选择任何选项，它会将其从值列表中删除。

例子：

index.html



    


    
      
        GeeksforGeeks
      
          
          Favourite Sports:
          
  
        
        Cricket
        
        Football
        
        Hockey
        
        Badminton
        
        Arching
          
        Sports You  Like:
          {{ sports }}

app.js

const parent = new Vue({
    el : '#parent',
    data : {
        sports : []
    }
})

应用程序.js

const parent = new Vue({
    el : '#parent',
    data : {
        sports : []
    }
})

输出：