vue3初体验（基础增删查改使用）

最近公司新启动一个项目需要用vue3的框架，其实一年之前简单学过，但是因为习惯了vue2,公司项目也大多都是vue2,所以vue3便闲置了，时隔一年重新学习和使用vue3，就当成小白一样记录一下自己遇到的问题吧~

一、使用

其实<template>部分和2几乎一样，比较不一样的是js部分

首先我用的若依的前端框架，直接去官网下载就可以使用。

<script setup name="Index"> js部分添加了 setup，定义对象用reactive，当你写到reactive时上面会自动引入，toRefs 是将定义的部分转换一些，不转换使用的时候要data.from这样使用，转换之后就可以直接使用定义 的对象了。

方法也是正常写，但是不用created,直接调用就可以

<script setup name="Index">
import { reactive } from "vue";
const data = reactive({
  form: {},
  queryParams: {
    pageNum: 1,
    pageSize: 10,
  },
  rules: {},
});
const { queryParams, form, rules } = toRefs(data);
const getlist = () => {
 
};
getlist();

</script>