v-for 进行列表的 增删改查

通过对象下标替换属性值

但是通过实践此方法是错误的,Vue监听的是students这个对象,而不是这个对象里面的数组信息,也就是说,改变里面的值,并不能在页面上实现更新的功能

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>v-for</title>
   
</head>
<body>
     <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
        <ul id="example-2">
            <ul type="disc">
                <li>《1》    
                <li>《2》  
                <li>《3》 
                <li>《4》 
             
            </ul>
             
            <ul type="square">
                <li>《1》    
                    <li>《2》  
                    <li>《3》 
                    <li>《4》 
                 
            </ul>
             
            <ul type="circle">
                <li>《1》    
                    <li>《2》  
                    <li>《3》 
                    <li>《4》 
                 
            </ul>
            <li v-for="(item, index) in items">
              {{ parentMessage }} - {{ index }} - {{ item.message }}
            </li>
          </ul>
    </div>
    <script>

        var example2 = new Vue({
                 el: '#example-2',
                    data: {
                           parentMessage: '双线',
                                items: [
                                  { message: '表单' },
                                  { message: '表单1' }
                                ]
                           }
             })
    </script>
    

</body>
</html>
相关推荐
前端 贾公子10 分钟前
Monorepo + vite 怎么热更新
前端
coding随想18 分钟前
掌控网页的魔法之书:JavaScript DOM的奇幻之旅
开发语言·javascript·ecmascript
然我1 小时前
不用 Redux 也能全局状态管理?看我用 useReducer+Context 搞个 Todo 应用
前端·javascript·react.js
前端小巷子1 小时前
Web 实时通信:从短轮询到 WebSocket
前端·javascript·面试
神仙别闹1 小时前
基于C#+SQL Server实现(Web)学生选课管理系统
前端·数据库·c#
web前端神器1 小时前
指定阿里镜像原理
前端
枷锁—sha1 小时前
【DVWA系列】——CSRF——Medium详细教程
android·服务器·前端·web安全·网络安全·csrf
枷锁—sha1 小时前
跨站请求伪造漏洞(CSRF)详解
运维·服务器·前端·web安全·网络安全·csrf
群联云防护小杜1 小时前
深度隐匿源IP:高防+群联AI云防护防绕过实战
运维·服务器·前端·网络·人工智能·网络协议·tcp/ip
DanB242 小时前
html复习
javascript·microsoft·html