vue3 setup 语法糖，父子传参

mxlWhb

已于 2022-07-20 10:16:44 修改

阅读量810

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2022-07-20 10:16:08 首次发布

本文链接：https://blog.csdn.net/qq_42859450/article/details/125886222

版权

//父传子

在这里插入图片描述

<template>
  <div>
    <div>用户管理</div>
    <div v-for="item in state.dataLlst" :key="item.id">{
  { item.name }}</div>
    <detail  :dataList="state.datalist" :count="count"></detail>
  </div>
</template>
<script setup>
import {
      getuserListApi } from "@/api/user";
import {
      reactive, onMounted, ref, toRefs, nextTick } from "vue";
import detail from "@/views/user/detail.vue";
let count =ref(10)
let state = reactive({
     
  datalist: [],
});
onMounted(() => {
     
  getData();