在vue2中一般放在created中,但是在vue3中取消了created生命周期,请求方式有两种:

  1. 直接在setup中去获取数据
  setup(props) {
    const data = reactive({
      note: [],
    });

    getArticalLatest().then((res) => {
      data.note = res.data.data;
    });
    return {
      ...toRefs(data),
    };
  },
  1. 在onMouted里面请求数据
  setup(props) {
    const data = reactive({
      note: [],
    });

    onMounted(() => {
      getArticalLatest().then((res) => {
        data.note = res.data.data;
      });
    });
    return {
      ...toRefs(data),
    };
  },
<script setup name="User">
/*
	 onMounted(() => {
		// 角色
    	let reas = getRole()
		console.info(reas.data)
    });
*/
	onMounted(async () => {
		// 角色
    	let reas = await getRole()
		roleOptions.value = reas.data
		console.info(reas.data)
    });    
</script>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐