Vue-Test-Utils 的“mount”和“shallowMount”的区别？答案

【问题标题】：The difference between Vue-Test-Utils' "mount" and "shallowMount"?Vue-Test-Utils 的“mount”和“shallowMount”的区别？
【发布时间】：2019-04-12 23:57:18
【问题描述】：

免责声明：我对 Vue、JavaScript 和 Web 框架很陌生。

我正在尝试使用 Jest 和 vue-test-utils 熟悉一些基本的单元和组件测试。

我已经阅读了vue-test-utils'mount() 和shallowMount() 上的文档，但我不确定何时使用其中一个（它们看起来非常相似）。

根据shallowMount() 上的文档：

与 mount 一样，它创建一个 Wrapper，其中包含已安装的和渲染 Vue 组件，但带有存根的子组件。

“存根子组件”到底是什么意思？ mount()和shallowMount()可以互换使用吗？

【问题讨论】：

标签： javascript vue.js jestjs vue-test-utils

【解决方案1】：

文档中“存根子组件”的意思是，被测试组件中的每个组件都不会被渲染。相反，您将拥有一个占位符组件。

这可以防止您的测试被其他组件的行为寄生。

在我看来，您应该在进行单元测试时始终对组件进行浅层安装，而在整个应用程序中进行测试时只需简单地安装它们。

【讨论】：

现在我明白了。其实很简单：）非常感谢您的回答。
酷解释哥。非常感谢您的努力