vue知识点-列表渲染+key

【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】 https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=29&share_source=copy_web&vd_source=63c6218111021d177660d3bec318e593

1.<ul> 和 <li> 

<ul> 和 <li> 是 HTML 中用于创建列表的标签，两者通常配合使用：

• <ul>：全称 Unordered List（无序列表），表示一个 “没有顺序的列表”，默认情况下列表项前会显示小圆点（可通过 CSS 修改样式，比如方块、空心圆等）。
• <li>：全称 List Item（列表项），表示列表中的具体条目，必须嵌套在 <ul> 或 <ol>（有序列表）内部使用。

2.插值语法{{p.name}}

3.v-for指令格式

4.key的作用和原理

4.1不使用id作为唯一标识时（用index作为key）

1.破坏了顺序的情况下，通过对比算法，若不同会使用不同的姓名内容，然而文本框相同的时候则会使用初始的文本框，然而因为初始文本框已经被填入新数据，因此老刘后面的文本框也会被填入新数据。导致文本错乱（当文本数据变动的时候）

4.1使用id作为唯一标识时（用id作为key）

5.key的内部原理总结：