没有合适的资源?快使用搜索试试~ 我知道了~
dev-tools-3.0.zip
共47个文件
js:15个
png:12个
html:7个
需积分: 13 2 下载量 175 浏览量
2021-07-30
22:35:05
上传
评论
收藏 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函数传递了什么参数把数据 从什么状态改成了什么状态
资源推荐
资源详情
资源评论
收起资源包目录
dev-tools-3.0.zip (47个子文件)
dev-tools-3.0
shell-chrome
icons
128.png 5KB
128-gray.png 4KB
16-beta.png 644B
16.nuxt.png 634B
48-beta.png 2KB
48.nuxt.png 3KB
16.png 2KB
48-gray.png 2KB
128-beta.png 5KB
128.nuxt.png 8KB
16-gray.png 1KB
48.png 3KB
package.json 451B
devtools.html 478B
src
devtools.js 2KB
proxy.js 1KB
hook.js 591B
devtools-background.js 1KB
backend.js 1KB
background.js 3KB
detector.js 2KB
webpack.config.js 591B
build
devtools.js 1.77MB
proxy.js 502B
hook.js 6KB
devtools-background.js 570B
backend.js 233KB
background.js 2KB
detector.js 2KB
devtools.js.LICENSE.txt 7KB
node_modules
.cache
webpack
shell-chrome-production
2.pack 158KB
index.pack 1.58MB
1.pack 2KB
index.pack.old 1.58MB
0.pack 44.99MB
.bin
webpack 359B
webpack-cli.cmd 236B
webpack-cli 359B
webpack.cmd 236B
manifest.json 1KB
popups
enabled.nuxt.html 210B
not-found.html 161B
disabled.nuxt.html 278B
enabled.html 200B
popup.css 342B
disabled.html 268B
devtools-background.html 80B
共 47 条
- 1
资源评论
奥特曼
- 粉丝: 1w+
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功