vue.js Map 数据结构

（一）Map 数据结构

1.Map 数据结构，类似于对象，键值对的集合， 所有的数据都是唯一的，不会重复，每条数据都需要放在一个数组中，它本身就是一个构造函数

size 数据的长度

set() 添加一个数据

delete() 删除一条数据

get () 获取一条数据

has() 查找某条数据，返回一个布尔值

clear() 删除所有数据

参考资料： https://www.51zxw.com/

表单添加项的某个选择器的选项,大致是这个格式，而且是可维护的，是从后端请求并返回的：

表单列表的显示是要显示label，如下:

页面展示的内容

第1行：品种名称1，设施

第2行：品种名称2，大田

这个时候也不方便用filter，因为选项是异步获取的

这样option1就是我们最后处理完的数据

页面上（此处ui框架是element）：

Map是一组键值对的结构，具有 极快 的查找速度。

VueList是Vue.js的一个列表组件，如果你想在VueList中使用map，可以在列表渲染中使用v-for指令，例如：

1、{{item}}exportdefault{data(){return{items：[1，2，3，4，5]}}}在上面的代码中，我们使用v-for指令遍历了一个名为items的数组，并为每个数组项渲染了一个li元素。请注意，为了避免Vue.js的重复key警告，每个循环的元素都应该有一个唯一的key属性。在上面的代码中，我们使用数组项的索引作为key。

---