当前位置：首页 > news >正文

可以做动感影集的网站外贸推广具体是做什么

news 2026/4/7 6:02:46

可以做动感影集的网站,外贸推广具体是做什么,网页设计与制作期末作业源代码,宁波网页美工培训前言一般接口返回的格式是数组或对象，使用reactive定义共享变量父组件传递 const data reactive([])// 使用settimout模拟接口返回 setTimeout(() > {// 将接口返回的数据赋值给变量Object.assign(data, [{ id: 10000 }]) }, 3000);provide(shareData, dat…

前言

一般接口返回的格式是数组或对象，使用reactive定义共享变量

父组件传递

const data = reactive([])// 使用settimout模拟接口返回
setTimeout(() => {// 将接口返回的数据赋值给变量Object.assign(data, [{ id: 10000 }])
}, 3000);provide('shareData', data);// 这行代码也不用写在异步请求回调里,我一般放在js代码最底部

子组件接收

<template>{{ receiveData }}
</template><script lang="ts" setup>
import { inject } from 'vue';const receiveData = inject('shareData')
console.log(receiveData );// 这个位置打印时取不到最新的数据，直接在html代码里使用，会有数据// 如果想在js中处理后使用，加个watch监听，采用深度监听deep:true
watch(() => receiveData, (res) => {console.log(res);// TODO处理数据
}, { deep: true })</script>

可以看到子组件模板中先显示初始值，待接口返回后更新为最新值