weixin_55723857的博客

实现增加数据行，那需要准备这些功能：一个新增case的按钮；一个对话框，对话框须支持input，且原始输入框为空的；单击保存后能保存数据对象到usercases里面；再次触发新增case按钮的时候，输入框是空的

【需求】通过vue将下面的数据，填充到表格中，并实现数据的删除、修改操作。【提前准备】搭建好一个vue工程，并安装好element-plus依赖配置。

在这段代码中，主要训练使用v-for来遍历数组。如果还有不太熟悉的，可以再敲敲代码，自己多多练习。思考：在真实列表中，一般都会有增删改查的操作。如果想要对案例列表进行“删改”这两个操作，该如何实现呢？下一篇：如何实现列表的删除、修改。

本次主要介绍Vue的高级特征：修饰符；包括表单修饰符、事件修饰符、按键修饰符、和其他修饰符。使用工具：HbuilderX

v-for可以循环遍历并渲染数组、对象。-- 使用 v-for 循环渲染数组中的每个元素 -->{{ item }}-- 使用 v-for 循环渲染对象中的每个属性 -->array是要循环的数组，item是数组中的每个元素，index是元素的索引。object是要循环的对象，value是对象的属性值，key是对象的属性名，index是属性的索引。:key是为了给循环生成的每个元素添加一个唯一的标识，通常使用索引来作为 key。

本次主要介绍Vue的基本指令：v-if。使用工具：HbuilderX。

本次主要介绍Vue的基本指令：双向绑定v-model。使用工具：HbuilderX。

本次主要介绍Vue的基本指令：v-bind 属性绑定 使用工具：HbuilderX。

v-show是 Vue.js 中的一个指令，用于根据表达式的真假值来控制元素的显示与隐藏。v-show会在元素的style属性中添加display样式。

本次主要介绍Vue的基本指令：v-htlm使用工具：HbuilderX。

本次主要介绍Vue的基本指令：v-text。使用工具：HbuilderX。

本次主要介绍Vue的基本指令：插值表达式。使用工具：HbuilderX。

Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式。