如何在多选列表中回发所有选定的项目，使其包含在我的视图模型中？

在多选列表中回发所有选定的项目，使其包含在视图模型中，可以通过以下步骤实现：

1. 在前端页面中，使用HTML的<select>标签创建一个多选列表，并为其设置一个唯一的ID，例如<select id="mySelect" multiple>...</select>。注意添加multiple属性以启用多选功能。
2. 使用JavaScript获取多选列表中选定的项目。可以通过以下代码获取选中的项目：

var selectElement = document.getElementById("mySelect");
var selectedItems = [];
for (var i = 0; i < selectElement.options.length; i++) {
    if (selectElement.options[i].selected) {
        selectedItems.push(selectElement.options[i].value);
    }
}

这段代码首先获取多选列表的DOM元素，然后遍历所有选项，如果某个选项被选中，则将其值添加到selectedItems数组中。

1. 将选中的项目添加到视图模型中。在前端开发中，通常使用框架（如Vue.js、React等）来管理视图模型。假设你使用Vue.js，可以将选中的项目添加到Vue实例的数据中，例如：

var app = new Vue({
    el: '#app',
    data: {
        selectedItems: []
    },
    methods: {
        updateSelectedItems: function() {
            var selectElement = document.getElementById("mySelect");
            this.selectedItems = Array.from(selectElement.selectedOptions, option => option.value);
        }
    }
});

在这段代码中，selectedItems是Vue实例的一个数据属性，初始值为空数组。updateSelectedItems是一个方法，用于更新selectedItems的值。在该方法中，我们使用Array.from方法将选中的选项转换为一个数组，并将其赋值给selectedItems。

1. 在HTML中绑定事件，以在选项发生变化时调用updateSelectedItems方法。可以通过以下代码实现：

<select id="mySelect" multiple @change="updateSelectedItems">
    <!-- 选项列表 -->
</select>

在这段代码中，我们使用Vue.js的事件绑定语法@change将updateSelectedItems方法绑定到多选列表的change事件上。这样，当选项发生变化时，updateSelectedItems方法将被调用，从而更新selectedItems的值。

通过以上步骤，你可以在多选列表中回发所有选定的项目，并将其包含在视图模型中。在实际应用中，你可以根据需要对选中的项目进行进一步处理，例如发送到后端进行保存或展示在页面上。