<van-dropdown-menu> <van-dropdown-item v-model="value1" :options="option1" /> <van-dropdown-item v-model="value2" :options="option2" /> </van-dropdown-menu> export default { data() { return { value1: 0, value2: 'a', option1: [ { text: '全部商品', value: 0 }, { text: '新款商品', value: 1 }, { text: '活动商品', value: 2 }, ], option2: [ { text: '默认排序', value: 'a' }, { text: '好评排序', value: 'b' }, { text: '销量排序', value: 'c' }, ], }; }, };

这段代码展示了一个Van-Dropdown-Menu组件以及两个Van-Dropdown-Item子组件的使用。其中，Van-Dropdown-Menu组件作为父组件，包含了两个Van-Dropdown-Item子组件。

在数据中，我们定义了value1和value2两个变量分别用来存储两个Van-Dropdown-Item子组件的选中值，option1和option2分别存储了两个Van-Dropdown-Item子组件的选项内容。

在Van-Dropdown-Item子组件中，我们使用v-model绑定了value1和value2变量，这样当我们在下拉菜单中选择一个选项时，对应的变量值就会自动更新。

同时，我们在Van-Dropdown-Item子组件中使用了:options属性来指定下拉菜单的选项内容，这样下拉菜单就可以显示我们定义的选项内容了。

最后，我们在export default中导出了这个Vue组件。