Javascript 在您自己的组件中包装Vuetify的v-select，这样就有了额外的嵌套级别。这是一个微妙但重要的区别。再次感谢您抽出时间。实际上，我看不出doc的示例和我的代码之间有什么区别。再次查看此代码。从我的观点来看，它完全相等//counter.js在示例中，

---

在您自己的组件中包装Vuetify的

v-select

，这样就有了额外的嵌套级别。这是一个微妙但重要的区别。再次感谢您抽出时间。实际上，我看不出doc的示例和我的代码之间有什么区别。再次查看此代码。从我的观点来看，它完全相等//counter.js在示例中，我们看到div中的按钮。在我的代码中，我们看到div中的v-select。v-select、button或任何其他组件都不重要。它们都发出事件。不一致。我需要休息这个场景：1）用户选择区域设置2）选择触发器事件3）执行正确的eventhandler。这是常见的测试。官方vie测试UTIL和vuetify文档中存在许多相同的测试，但它们都是关于button@click事件，但不是select@change：“我们建议编写断言组件公共接口的测试，并将其内部视为黑盒”触发事件的

v-select

是Vuetify的VSelect组件内部的，因此不在您应该测试的范围内。您可以并且应该测试以下内容：1）您是否有完整的区域设置列表可供选择，2）给定一些输入，您的事件处理程序是否执行了预期的操作。之后写了一段：例如，对于计数器组件，每次单击按钮时显示计数器的增量为1，它的测试用例将模拟单击并断言渲染输出增加了1。下面是许多点击按钮的模拟测试。所以您可以看到，vue创建者并不认为按钮单击模拟是组件的内部。Button@click===select@change. 正确吗？关键区别在于，在本例中，您正在测试一个直接实现的按钮。您没有将其他人的按钮包装在自己的组件中。在您的示例中，您正在将Vuetify的

v-select

包装到您自己的组件中，因此有一个额外的嵌套级别。这是一个微妙但重要的区别。再次感谢您抽出时间。实际上，我看不出doc的示例和我的代码之间有什么区别。再次查看此代码。从我的观点来看，它完全相等//counter.js在示例中，我们看到div中的按钮。在我的代码中，我们看到div中的v-select。v-select、button或任何其他组件都不重要。它们都发出事件。