dev-tools-3.0.zip

上传者: m0_46846526 | 上传时间: 2021-08-03 09:31:21 | 文件大小: 9.5MB | 文件类型: ZIP
作为vue框架官方调试工具,dev-tools提供了对于组件关系和数据状态方便的查看和调试功能,现在它也更新到了适配vue3的版本,项目使用最新的版本进行预览调试开发 1. 打开chrome -> 更多工具 -> 扩展程序 2. 把课程资源下的dev-tools中的shell-chrome拖入即可 注意:先把之前基于vue2的版本的禁止掉 当前的调试工具暂时不支持vuex的调试查看,需要我们额外进行log调试,vuex**内置**了一个logger模块,我们只需要引入并且注册为插件即可 + import { createLogger } from 'vuex' export default createStore({ modules: { user, cart, category }, plugins: [ + createLogger() ] }) 安装好这个log插件之后,我们每次触发action函数和mutation函数都可以在控制台打印出当前本地提交的记录详细信息,包括`名称` `参数` `修改前后的state数据` 调试工具调试的是什么 1. 为什么需要vuex, dev-tools工具呢? 因为需要时刻知道数据状态是如何变化的 2. dev-tools对于vuex调试的是什么或者说展示的是什么呢? state和mutation之间关系 :在哪个时刻调用了哪个mutation函数传递了什么参数把数据 从什么状态改成了什么状态

文件下载

资源详情

[{"title":"( 47 个子文件 9.5MB ) dev-tools-3.0.zip","children":[{"title":"dev-tools-3.0","children":[{"title":"shell-chrome","children":[{"title":"icons","children":[{"title":"128.png <span style='color:#111;'> 5.15KB </span>","children":null,"spread":false},{"title":"128-gray.png <span style='color:#111;'> 3.92KB </span>","children":null,"spread":false},{"title":"16-beta.png <span style='color:#111;'> 644B </span>","children":null,"spread":false},{"title":"16.nuxt.png <span style='color:#111;'> 634B </span>","children":null,"spread":false},{"title":"48-beta.png <span style='color:#111;'> 1.71KB </span>","children":null,"spread":false},{"title":"48.nuxt.png <span style='color:#111;'> 2.63KB </span>","children":null,"spread":false},{"title":"16.png <span style='color:#111;'> 1.57KB </span>","children":null,"spread":false},{"title":"48-gray.png <span style='color:#111;'> 2.20KB </span>","children":null,"spread":false},{"title":"128-beta.png <span style='color:#111;'> 4.51KB </span>","children":null,"spread":false},{"title":"128.nuxt.png <span style='color:#111;'> 8.26KB </span>","children":null,"spread":false},{"title":"16-gray.png <span style='color:#111;'> 1.46KB </span>","children":null,"spread":false},{"title":"48.png <span style='color:#111;'> 2.69KB </span>","children":null,"spread":false}],"spread":false},{"title":"package.json <span style='color:#111;'> 451B </span>","children":null,"spread":false},{"title":"devtools.html <span style='color:#111;'> 478B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"devtools.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false},{"title":"proxy.js <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false},{"title":"hook.js <span style='color:#111;'> 591B </span>","children":null,"spread":false},{"title":"devtools-background.js <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false},{"title":"backend.js <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"background.js <span style='color:#111;'> 2.69KB </span>","children":null,"spread":false},{"title":"detector.js <span style='color:#111;'> 1.94KB </span>","children":null,"spread":false}],"spread":true},{"title":"webpack.config.js <span style='color:#111;'> 591B </span>","children":null,"spread":false},{"title":"build","children":[{"title":"devtools.js <span style='color:#111;'> 1.77MB </span>","children":null,"spread":false},{"title":"proxy.js <span style='color:#111;'> 502B </span>","children":null,"spread":false},{"title":"hook.js <span style='color:#111;'> 5.86KB </span>","children":null,"spread":false},{"title":"devtools-background.js <span style='color:#111;'> 570B </span>","children":null,"spread":false},{"title":"backend.js <span style='color:#111;'> 232.86KB </span>","children":null,"spread":false},{"title":"background.js <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"detector.js <span style='color:#111;'> 2.38KB </span>","children":null,"spread":false},{"title":"devtools.js.LICENSE.txt <span style='color:#111;'> 7.12KB </span>","children":null,"spread":false}],"spread":true},{"title":"node_modules","children":[{"title":".cache","children":[{"title":"webpack","children":[{"title":"shell-chrome-production","children":[{"title":"2.pack <span style='color:#111;'> 158.47KB </span>","children":null,"spread":false},{"title":"index.pack <span style='color:#111;'> 1.58MB </span>","children":null,"spread":false},{"title":"1.pack <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false},{"title":"index.pack.old <span style='color:#111;'> 1.58MB </span>","children":null,"spread":false},{"title":"0.pack <span style='color:#111;'> 44.99MB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":".bin","children":[{"title":"webpack <span style='color:#111;'> 359B </span>","children":null,"spread":false},{"title":"webpack-cli.cmd <span style='color:#111;'> 236B </span>","children":null,"spread":false},{"title":"webpack-cli <span style='color:#111;'> 359B </span>","children":null,"spread":false},{"title":"webpack.cmd <span style='color:#111;'> 236B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"manifest.json <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false},{"title":"popups","children":[{"title":"enabled.nuxt.html <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":"not-found.html <span style='color:#111;'> 161B </span>","children":null,"spread":false},{"title":"disabled.nuxt.html <span style='color:#111;'> 278B </span>","children":null,"spread":false},{"title":"enabled.html <span style='color:#111;'> 200B </span>","children":null,"spread":false},{"title":"popup.css <span style='color:#111;'> 342B </span>","children":null,"spread":false},{"title":"disabled.html <span style='color:#111;'> 268B </span>","children":null,"spread":false}],"spread":true},{"title":"devtools-background.html <span style='color:#111;'> 80B </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明