无涯教程网

Vue.js VueTestUtils 的mount和shallowMount的区别

发布于11月09日

免责声明:我对Vue、JavaScript和web框架基本上都是新手.

我正在try 使用Jest和vue测试工具熟悉一些基本的单元和组件测试.

我看过vue-test-utils'mount()和shallowMount()的文件

根据shallowMount()上的文件:

与mount类似，它创建了一个包装器，其中包含已装入的

"存根子组件"的确切含义是什么？

推荐答案

文档中"存根子组件"的意思是，测试组件中的每个组件都不会被呈现.相反，您将拥有一个占位符组件.

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

在我看来，在进行单元测试时，应该始终浅装组件，而在整个应用程序中进行测试时，只需简单地挂载组件即可.

Vue.js相关问答推荐

v-model 修饰符返回空

纵横比元素溢出容器

v-slot： activator 中 {attrs} 参数的作用是什么？

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

Vue.js 中的 mount挂载是什么意思？

带有外部配置文件的 Vue js

如何在 vue.js 中删除类

使用 vee-validate 在 vue js 中进行验证有错误

在组件的样式部分使用 Vue 变量

Vuejs 2，VUEX，编辑数据时的数据绑定

Vuetify - 如何在 v-data-table 中单击时突出显示行

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

请求正在进行时显示加载器

Vue 组件中的组件渲染函数中可能存在无限更新循环警告

所有 vue props和数据都给出错误 Property属性在 type 上不存在，带有 typescript

Vue.js webpack：如何获取目录中的文件列表？

依赖关系甚至在 package.json 和 node_modules 中都没有定义

是否有 v-cloak 逆？

Vue.js 3 - 替换/更新react性对象而不会失go react性

如何订阅store 模块

实用课程推荐

相关教程推荐