vue的测试，vue-devtools

1.安装chrome插件：Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN

2. 下载vue-devtools (https://github.com/vuejs/vue-devtools)

3. 修改文件:vue-devtools-master/shells/chrome/manifest.json

"background" : {

"scripts" : [ "build/background.js" ],

"persistent" : false

},

改成：

"background" : {

"scripts" : [ "build/background.js" ],

"persistent" : true

},

4. 打开vue项目,在控制台选择vue：

5. 可操作组件查看信息变化(例如分页组件)

选择第一页：

选择最后一页：

vue的测试，vue-devtools相关推荐

vue组件测试-Vue Test Utils 应用入门
一.前言我们在vue项目中Vue Test Utils 测试环境已经搭建完成的基础上来进行演示,搭建环境可以看我之前的文章. 本文中使用的相关技术点连接: 测试环境: Vue Test Utils ...
vue 脚手架测试环境_关于单元测试脚手架的几点思考
vue 脚手架测试环境莱昂:Luc Besson的专业人士当我开始通过创建相同的对象并准备用于运行测试的数据来重复进行单元测试方法时,我对设计感到失望. 带有大量代码重复的长测试方法看起来并不正确 ...
可爱的玩笑匹配者可以使用vue-test-utils测试Vue组件
开玩笑的匹配器测试实用程序 (jest-matcher-vue-test-utils) Cute matchers for Jest to test Vue components with Vue T ...
vue 解决测试页面在手机滑不动问题
vue 解决测试页面在手机滑不动问题在写完页面的时候,会在手机上做测试,页面在苹果手机滑动没问题,在安卓手机就划不动,比如:小米,华为等等在页面加入以下代码就可以了 overflow-x: hid ...
vue e2e 测试
1.vue e2e测试概述 e2e 测试端对端测试,属于黑盒测试,通过编写测试用例,自动化模拟用户操作,确保组件间通信正常,程序流数据传递如预期. 典型 e2e 测试框架对比名称断言是否跨浏览 ...
不使用架构工具在vscode中操作vue,扩展添加vue.js.devtools（Hollo案例）
1.请直接复制下面的代码到一个 HTML 文件中,并在浏览器中打开它 <div id = "root"&g ...
Vue.js 从 Vue 1.x 迁移
从 Vue 1.x 迁移 FAQ 哇,非常长的一页!是否意味着 Vue 2.0 已经完全不同了呢,是否需要从头学起呢,Vue 1.0 的项目是不是没法迁移了? 非常开心地告诉你,并不是!几乎 90% ...
vue:无法将“vue”识别为脚本_「前端架构」React和Vue -CTO的选择正确框架的指南...
快速总结:为项目选择正确的javascript框架或库是CTO和项目经理的基本任务.然而,选择的范围很大程度上取决于几个因素,如项目时间.学习曲线.框架性能和团队规模.这篇文章旨在指导他们选择正确的j ...
Mvvm、第一个Vue程序、Vue基本语法
一.MVVM概述 1.1.什么是MVVM MVVM(Model-View-ViewModel)是一种软件设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silv ...
axios vue 动态date_Web前端Vue系列之-Vue.js 实战
课程简介: 课程目标:通过本课程的学习,让大家掌握Vue.js的进阶知识并在项目中应用. 适用人群:具有一定vue开发基础的开发人员. 课程概述:Vue (读音 /vjuː/,类似于 view) 是一 ...

vue的测试，vue-devtools

vue的测试，vue-devtools相关推荐

最新文章

热门文章