在什么时候该使用setup 从别的页面点击并携带 数据或者参数的时候

  2. <script>
  3.   Import { reactive,onMounted,onUpdated  } from “vue”
  4.   Import { getBanners } from “@/api/index”
  5.   Import store from “@/store/index”
  6.   export default {
  9.     Setup(){
  10.       Let state = reactive({
  11.         Playlist:{}
  12.       })
  13.       onMounted(async()=>{
  14.         Let res = await getBanners(10)
  15.         State.playlist = res.data.playlist
  16.         Store.commit(“setPlaylist”,State.playlist)
  17.         Console.log(res)
  18.       })
  19.       Return{state}
  20.     }
  21.   }
  22. </script>

上面的代码程序思路流程

首先都引用相关的函数,或者文件
在生命周期 onMounted里使用,这里使用了api 封装好的方法,进行数据请求,得到数据之后,赋值给定义好的空对象里,
然后把这个数据发送到给vuex全局状态管理

  1. store.commit(“方法名”,state.playlist) 在store文件中的 mutations里有相对应的方法名,方法名内接收到的数据,又会赋值到给全局状态里的state 数据保存

  2. 异步处理使用 store.dispatch(“异步的方法名”,state.playlist)在store文件中的 actions 里有相对应的方法名,
    方法名里又再.commit()发送数据给mutations , 之后又赋值给state里的空对象或者数据, 这样我们取数据的时候就可以直接取 state里的数据了,

白话解析:相当于你取数据的或者保存的数据都在文本里,进行操作 state 相当于一个数据文本, 易语言 按键精灵,autojs都是这样