首页 > 其他分享 >vue store中存储的数据,走谷歌浏览器 那里可以看到

vue store中存储的数据,走谷歌浏览器 那里可以看到

时间:2023-07-08 18:12:09浏览次数:33  
标签:vue 浏览器 Vue 开发者 走谷歌 Vuex 工具 store

在 Vue 的应用程序中,存储在 Vuex(也称为 Vue Store)中的数据是在浏览器的开发者工具中查看的。对于谷歌浏览器(Chrome),你可以按照以下步骤在开发者工具中查看 Vuex 中的数据:

  1. 在你的 Vue 应用程序中打开谷歌浏览器并加载页面。
  2. 右键单击页面上的任何位置,并选择 "检查" 或使用快捷键 F12 打开开发者工具。
  3. 在打开的开发者工具窗口中,点击顶部的 "Vue" 标签页(可能位于右侧或底部栏中)。
  4. 在 "Vue" 标签页中,你将看到一个 "Vuex" 部分,其中列出了你的 Vuex store 中的模块和状态。单击展开模块以查看其包含的状态。
  5. 点击特定的状态,你将在右侧的面板中看到该状态的当前值和任何变化。

通过上述步骤,你可以在谷歌浏览器的开发者工具中查看和调试你的 Vuex store 中的数据。

请注意,如果你的应用程序在生产环境中运行,或者使用了构建工具进行优化和压缩,那么在生产环境中可能无法直接查看 Vuex store 数据。在这种情况下,你可以使用开发者工具中的调试模式或添加适当的日志来跟踪和记录存储的数据。

标签:vue,浏览器,Vue,开发者,走谷歌,Vuex,工具,store
From: https://www.cnblogs.com/pansidong/p/17537609.html

相关文章

  • 1. Vue程序初体验
    Vue是一个基于JavaScrip(tJS)实现的框架。要使用它就需要先拿到Vue的js文件。从Vue官网(https://v2.cn.vuejs.org/)下载vue.js文件1.下载并安装vue.js第一步:打开Vue2官网,点击下图所示的“起步”:第二步:继续点击下图所示的“安装”第三步:在“安装”页面向下滚动,......
  • Vue组件化编程
    一、非单文件组件1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>非单文件组件</title>6<scriptsrc="js/vue.js"></script>7</hea......
  • 创建Vue3.0工程
    使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue_testnpmr......
  • vue基础教程
    vue基础教程英文官网中文官网渐进式JavaScript框架作者:尤雨溪特点遵循MVVM编码简洁,体积小,运行效率高,适合移动/PC端开发它本身只关注UI,也可以引入其它第三方库开发借鉴Angular的模板和数据绑定技术借鉴React的组件化和虚拟DOM技术Vue周边库vue-cli:vue......
  • vue高级
    vue高级vue脚手架我们可以使用VueCLI来创建vue脚手架项目VueCLI官方文档安装vue/clinpminstall-g@vue/cli#或yarnglobaladd@vue/clivue--version#或vue-V#升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli创建一个vue项目#......
  • Vue(十二):列表渲染—— v-for
    1.基础使用<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基本列表</title><scripttype="text/javascript"src="../js/vue.js"></script></head><!--......
  • 介绍Vue router的history模式以及如何配置history模式
    引言Vuerouter给我们提供了两种路由模式,分别是hash模式和history模式。其中默认是使用hash模式,即URL中带有一个#符号,但是处于业务或个人喜爱的差别,Vuerouter也提供了history模式。但是由于Vue是单页SPA应用,所以每个路由并没有对应的html文件。什么是history模式history模式特......
  • 一篇读懂React、vue框架的生命周期函数
    原文合集地址如下,有需要的朋友可以关注本文地址合集地址当涉及到前端框架时,React和Vue.js是两个非常受欢迎的选择。它们都提供了强大的工具和功能,帮助开发者构建交互式的、可扩展的应用程序。在这两个框架中,生命周期函数是一个重要的概念,它们允许我们在组件的不同阶段执行特......
  • TypeScript+Vue3
    TypeScriptAny类型和unknown顶级类型1.没有强制限定哪种类型,随时切换类型都可以我们可以对any进行任何操作,不需要检查类型2.声明变量的时候没有指定任意类型默认为any3.弊端如果使用any就失去了TS类型检测的作用4.TypeScript3.0中引入的unknown类型也被认为是top......
  • vue3.0 外部配置文件
    vue3.0外部配置文件,重点是打包后也可以修改配置参数 一、在public中创建static文件夹,在static文件夹中创建config.js文件config.js{"webSocketUrl":"http://192.168.1.5:5011/httpCli"}二、在man.js中使用 axios来读取存在app.config.globalProperties.$......