如何通过vue-test-utils实现Vue组件的单元测试入门详解？

本文共计1185个文字，预计阅读时间需要5分钟。

Vue Test Utils 官网：[https://vue-test-utils.vuejs.org/zh/](https://vue-test-utils.vuejs.org/zh/)

Jest 官网：[https://jestjs.io/](https://jestjs.io/)

安装依赖包：bashyarn add @vue/test-utils vue-jestyarn add jest jest-serializer-vueyarn add babel-jest babel-core@^7.0.0-bridge.0 vue-jest

vue-test-utils官网：vue-test-utils.vuejs.org/zh/

jest官网：jestjs.io

依赖包

请安装它们👇

yarn add @vue/test-utils vue-jest yarn jestjest-serializer-vue yarn add babel-jest babel-core@^7.0.0-bridge.0

⚠️：vue-jest依赖与babel-core。我们的环境现在都是babel7，通过npm安装的babel-core默认的还是6版本，所以要指定babel-core安装的系列为7，否则会出现解析问题。