面圈网
Vue.js v2.x 官方教程
  • 教程首页
  • 更多
    • 社区
    • 面经
    • 公司
    • 技术栈
    • 源码
    • 在线文稿
    • 资源下载
    • 书库
  • 登录
  • 基础
    • 安装
    • 介绍
      • Vue.js 是什么
      • 起步
      • 声明式渲染
      • 条件与循环
      • 处理用户输入
      • 组件化应用构建
      • 准备好了吗？
    • Vue 实例
      • 创建一个 Vue 实例
      • 数据与方法
      • 实例生命周期钩子
      • 生命周期图示
    • 模板语法
      • 插值
      • 指令
      • 缩写
    • 计算属性和侦听器
      • 计算属性
      • 侦听器
    • Class 与 Style 绑定
      • 绑定 HTML Class
      • 绑定内联样式
    • 条件渲染
      • v-if
      • v-show
      • v-if vs v-show
      • v-if 与 v-for 一起使用
    • 列表渲染
      • 用 v-for 把一个数组对应为一组元素
      • 在组件上使用 v-for
      • 在 v-for 里使用对象
      • 维护状态
      • 数组更新检测
      • 对象变更检测注意事项
      • 显示过滤/排序后的结果
      • 在 v-for 里使用值范围
      • 在 <template> 上使用 v-for
      • v-for 与 v-if 一同使用
    • 事件处理
      • 监听事件
      • 事件处理方法
      • 内联处理器中的方法
      • 事件修饰符
      • 按键修饰符
      • 系统修饰键
      • 为什么在 HTML 中监听事件?
    • 表单输入绑定
      • 基础用法
      • 值绑定
      • 修饰符
      • 在组件上使用 v-model
    • 组件基础
      • 基本示例
      • 组件的复用
      • 组件的组织
      • 通过 Prop 向子组件传递数据
      • 单个根元素
      • 监听子组件事件
      • 通过插槽分发内容
      • 动态组件
      • 解析 DOM 模板时的注意事项
  • 深入了解组件
    • 组件注册
      • 组件名
      • 全局注册
      • 局部注册
      • 模块系统
    • Prop
      • Prop 的大小写 (camelCase vs kebab-case)
      • Prop 类型
      • 传递静态或动态 Prop
      • 单向数据流
      • Prop 验证
      • 非 Prop 的特性
    • 自定义事件
      • 事件名
      • 自定义组件的 v-model
      • 将原生事件绑定到组件
      • .sync 修饰符
    • 插槽
      • 插槽内容
      • 编译作用域
      • 后备内容
      • 具名插槽
      • 作用域插槽
      • 动态插槽名
      • 具名插槽的缩写
      • 其它示例
      • 废弃了的语法
    • 动态组件 & 异步组件
      • 在动态组件上使用 keep-alive
      • 异步组件
    • 处理边界情况
      • 访问元素 & 组件
      • 程序化的事件侦听器
      • 循环引用
      • 模板定义的替代品
      • 控制更新
  • 过渡 & 动画
    • 进入/离开 & 列表过渡
      • 概述
      • 单元素/组件的过渡
      • 初始渲染的过渡
      • 多个元素的过渡
      • 多个组件的过渡
      • 列表过渡
      • 可复用的过渡
      • 动态过渡
    • 状态过渡
      • 状态动画与侦听器
      • 动态状态过渡
      • 把过渡放到组件里
      • 赋予设计以生命
  • 可复用性 & 组合
    • 混入
      • 基础
      • 选项合并
      • 全局混入
      • 自定义选项合并策略
    • 自定义指令
      • 简介
      • 钩子函数
      • 钩子函数参数
      • 函数简写
      • 对象字面量
    • 插件
      • 使用插件
      • 开发插件
    • 过滤器
    • 渲染函数 & JSX
      • 基础
      • 节点、树以及虚拟 DOM
      • createElement 参数
      • 使用 JavaScript 代替模板功能
      • JSX
      • 函数式组件
      • 模板编译
  • 工具
    • 单文件组件
      • 介绍
      • 起步
    • 单元测试
      • 简单的断言
      • 编写可被测试的组件
      • 断言异步更新
    • TypeScript 支持
      • 发布为 NPM 包的官方声明文件
      • 推荐配置
      • 开发工具链
      • 基本用法
      • 基于类的 Vue 组件
      • 增强类型以配合插件使用
      • 标注返回值
    • 生产环境部署
      • 开启生产环境模式
      • 模板预编译
      • 提取组件的 CSS
      • 跟踪运行时错误
  • 规模化
    • 路由
      • 官方路由
      • 从零开始简单的路由
      • 整合第三方路由
    • 状态管理
      • 类 Flux 状态管理的官方实现
      • 简单状态管理起步使用
    • 服务端渲染
  • 深入响应式原理
    • 如何追踪变化
    • 检测变化的注意事项
    • 声明响应式属性
    • 异步更新队列
  • 迁移
    • 从 Vue 1.x 迁移
      • FAQ
      • 模板
      • 生命周期钩子函数
      • v-for
      • Props
      • 计算属性
      • Built-In 指令
      • 自定义指令 简化
      • 过渡
      • 事件
      • 过滤器
      • 插槽
      • 特殊属性
      • 计算插值
      • 响应
      • 围绕 DOM 的实例方法
      • 底层实例方法
      • 实例 DOM 选项
      • 全局配置
      • 全局 API
    • 从 Vue Router 0.7.x 迁移
      • Router 初始化
      • 升级路径
      • Route 匹配
      • 链接
      • 编程导航
      • 路由选择：Modes
      • saveScrollPosition 替换
      • 路由挂钩
    • 从 Vuex 0.6.x 迁移到 1.0
      • 带字符串属性路径的 store.watch 替换
      • Store 的事件触发器 移除
      • 中间件 替换
  • 更多
    • 对比其他框架
      • React
      • AngularJS (Angular 1)
      • Angular (原本的 Angular 2)
      • Ember
      • Knockout
      • Polymer
      • Riot
    • 加入 Vue.js 社区
    • 认识团队
暂无相关搜索结果！

    单元测试

    浏览 131 分享 2020-03-26 20:56:42
    • 单元测试

      单元测试

      Vue CLI 拥有开箱即用的通过 Jest 或 Mocha 进行单元测试的内置选项。我们还有官方的 Vue Test Utils 提供更多详细的指引和自定义设置。

      • 简单的断言
      • 编写可被测试的组件
      • 断言异步更新
      上一节 目录 下一节
      您未登录，请先登录后再评论
      评论列表 正在加载评论...
      展开/收起文章目录
      分享，让知识传承更久远
      登录
      • 微信登录
      • 账号登录
      • 验证码登录
      忘记密码?

      没有帐户? 立即注册

      没有帐户? 立即注册