Vue 中的下拉选择 --- 自定义选项/后端获取数据

前端常见的表单之一就是下拉选项表单，用户操作方便，数据准确率高。

1. 自定义选项

在 data 中定义自定义选项，然后将其绑定在选择框，循环遍历，就会在前端界面渲染出来，常用于选项较少、数据不会有变化的情况下：

2. 从后端获取数据

如果下拉选项不固定，时常更新，可以在数据库配置一张表，然后从后端传递数据，前端将其获取过来，渲染在前端界面：

以上代码中，label 是前端界面展示的值，并不会存入数据库，真正存入数据库保存下来的是 value 的值。