mapState应该怎么去引modules中的数据?

news/2024/7/10 0:54:33 标签: vue, javascript, vue.js, 前端

store里的数据分成模块后,mapState辅助函数里应该怎么引模块的数据?

store文件结构:

- src
- components
- store
    - index.js
    - modules
        - carts.js

store中index.js代码:

javascript">modules: { 
        carts,//注册carts模块
    }

template代码:

<div style="margin-top:20px;">
{{price}}
</div>

辅助函数代码:

javascript">computed: {
  ...mapState({
    price: state => state.carts.price;
  })
}

http://www.niftyadmin.cn/n/1527281.html

相关文章

axios使用方法

axios封装代码传送门&#xff08;可直接使用&#xff09; 1、基本用法 安装 cnpm i axios --save在 main.js 中引入 axios import axios from axios Vue.prototype.$axios axios在组件中使用 axios <script>export default {mounted(){this.$axios.get(/goods.json…

解决VS2019取消对空指针的引用问题,以及空指针报错问题

解决VS2019取消对空指针的引用的警告问题&#xff0c;以及空指针报错问题 取消对空指针的引用警告 &#xff08;之前有个方法是在判断执行后使用return语句退出这个函数&#xff0c;但存在很多问题&#xff0c;比如与函数类型不匹配等等&#xff0c;所以下面改成直接退出程序…

axios封装代码(直接使用)

axios基础用法传送门&#xff08;点击这里&#xff09; 话不多说&#xff0c;直接上代码 一、在组件中调用 封装在http文件中 import axios from axios//创建axios实例 const axiosObj axios.create({baseURL: http://api.web1024.cn,timeout: 8000,params: {key: gxn759} …

Java文本文件的写入与输出

文章目录文件的写入文件读取文件的写入 public static void main(String[] args) throws IOException { PrintWriter out new PrintWriter("data.txt", StandardCharsets.UTF_8); out.print("123456789"); out.printf("%d", 123456); out.clos…

html文本溢出隐藏三个小圆点

直接上代码&#xff1a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

深入理解Java字符类型与字符串

深入理解Java字符类型与字符串 文章目录深入理解Java字符类型与字符串1.Unicode编码基本数据类型&#xff1a;char字符串Stringsubstring方法&#xff08;截取字符串&#xff09;join方法&#xff08;&#xff09;&#xff08;连接方法&#xff09;repeat方法&#xff08;重复方…

Elementui中表格的表头设置背景颜色

表格的header-cell-style属性是表头单元格的 style 的回调方法&#xff0c;也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 <el-table :datalist border :header-cell-style"{background:#f5f7fa,color:#606266}">

Vue中的路由(vue-router)

安装 可以使用npm下载推荐使用脚手架自动下载 npm install vue-routerrouter-link简单案例 html代码&#xff1a; <div id"app"><h1>你好YaaLee</h1><p><!-- 使用 router-link 组件来导航&#xff0c;传入 to 属性指定链接&#xff0…