问题记录贴1：

最新推荐文章于 2024-08-21 14:09:37 发布

Eagle Yan

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量208

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Y2511525/article/details/127435284

版权

本文讨论了在Vue2应用中，如何在js文件内定义并使用异步函数获取数据，以及在组件之间共享状态的问题。通过示例展示了在`mounted`生命周期钩子中调用异步函数获取数据，并输出不同对象中数据的状态差异。分析了为何在不同上下文中，同一个变量可能会有不同的值。

摘要由CSDN通过智能技术生成

import axios from "axios";
var arr = []
export function a(){
  return new Promise((resolve)=>{
    axios(
      {
        url:"/api1/getVideoList",
        method:'get',
        params:{sort:1}
      }).then(res=>{
        arr = res.data
        resolve(res)
    })
  })
}

export function b(){
  return {
    arr,
    name:'test'
  }
}

export const c = {
  arr, //返回出去的这个arr是空数组
  name:'卢本伟'
}

2022.10.20 测试 vue2

我在一个js文件里写入这三个方法然后暴露给App.vue的mounted方法中。

<script>
import {a,b,c} from '@/pages/test'

export default {
  name: 'App',
  async mounted(){
    console.log(await a())
    console.log(b())
    console.log(c)
  },
}
</script>

这个时候我想要的应该是 b返回的对象和c对象都能拿到arr的值但是b和c却是两种不同的答案为什么？