11x3 精读Vue官方文档 - CookBook - 组件测试 & 自定义滚动指令

276 阅读1分钟

精读 Vue 官方文档系列 🎉


Vue 组件的单元测

使用 vue-test-utils 来进行组件的单元测试。

组件测试对比普通的单元测试有什么区别吗?

  • 可以模拟真实的 DOM 挂载(由 shallowMount 提供)
  • 调用 API
  • 为 Vuex 的 store,commit 或 dispatch 一些变更或 action
  • 测试用户交互

这里,有详细的教程

创建自定义滚动指令

基于 Vue 的应用如果想为元素增加交互行为、例如动画等,那么首选的应该是指令。

在指令的钩子里面为元素绑定事件,例如监听滚动,然后使用 CSS 动画或者是其它的 JavaScript 动画库来为元素赋予效果。