vue组件在项目中的常用业务逻辑(1)

embedded/2024/10/31 1:22:30/

若要使用一个组件(已有基本结构)

1.在api>index.js获取接口数据(这里是模拟数据)

2.去vuex仓库(store>home.js)存储数据(state mutations actions三连环)

(准备)(1)

(2)

(3)

(最后)在pages>Home>index.vue

3.由于是子组件传父组件,要上传:

至此,可以看见数据已经获取到

4.数据在父组件上,所以要进行父子组件通信:(props)

父传:

子收:

此时在控制台:

后台数据的传输已经完成。


http://www.ppmy.cn/embedded/133758.html

相关文章

如何解决前端发送数据到后端为空的问题

在进行前后端交互时,经常会遇到前端发送数据到后端时数据为空的问题。本文将详细探讨如何解决这一问题,并提供具体的解决方案。 问题描述 在前后端交互过程中,前端通过 axios 发送数据到后端,但在后端接收时发现数据为空。这可能…

第十五章 Vue工程化开发及Vue CLI脚手架

目录 一、引言 二、Vue CLI 基本介绍 三、安装Vue CLI 3.1. 安装npm和yarn 3.2. 安装Vue CLI 3.3. 查看 Vue 版本 四、创建启动工程 4.1. 创建项目架子 4.2. 启动工程 五、脚手架目录文件介绍 六、核心文件讲解 6.1. index.html 6.2. main.js 6.3. App.vue 一、…

卡夫卡的使用

关于消息队列的使用 一、消息队列概述 消息队列中间件是分布式系统中重要的组件,主要解决应用解耦,异步消息,流量削锋等问题,实现高性能,高可用,可伸缩和最终一致性架构。目前使用较多的消息队列有ActiveM…

练习LabVIEW第二十八题

学习目标: 刚学了LabVIEW,在网上找了些题,练习一下LabVIEW,有不对不好不足的地方欢迎指正! 第二十八题: 建立一个VI,模拟滚动—个骰子(骰子取值1~6),跟踪骰子滚动后的取值出现次数…

数据结构和算法-动态规划(2)-小试牛刀

小试牛刀 爬楼梯问题 问题 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢? 分析 初始分析 对第1阶楼梯 只有一种可能,爬1层 对于第2阶楼梯 有2种可能: 从第一阶爬1阶到达…

怎样找到台式电脑的ip地址?系统不同,方法各异

在数字化时代,IP地址作为网络设备在网络中的唯一标识符,扮演着至关重要的角色。无论是进行网络配置、故障排查,还是进行远程访问,了解如何查找台式电脑的IP地址都是一项必备技能。然而,不同操作系统下的查找方法各不相…

3D场景怎么调出质感?三维地图引擎中的后期处理效果一览!

by:STANCH 在对拍摄的照片进行P图时,我们可以使用滤镜改变照片的色调、饱和度和对比度,使得图像的色彩更加生动或符合特定风格。通过滤镜效果,照片可以传达不同的情感或氛围,如复古、梦幻或冷峻等。滤镜还可以添加各种特效&#…

nginx代理websocket服务

一、nginx代理websocket服务 一)nginx代理ws服务 在nginx中,可以通过proxy_pass指令来代理WebSocket服务。 以下是一个示例配置: map $http_upgrade $connection_upgrade {default upgrade; close; }upstream ws_backend {server 127.0.0.1:…