vue3.0 + vite (一)页面渲染
<template>
<el-card class="account-container">
<!-- 渲染数据 -->
<div class="title">{{text}}</div>
</el-card>
</template>
<script>
import { reactive, toRefs, onMounted } from "vue";
import { ElMessage } from "element-plus";
import axios from "@/utils/axios";
export default {
name: "Introduce",
setup() {
const state = reactive({
text: "标题",
message: "我是一条消息",
});
const getCarousels = () => {
state.loading = true;
axios
.post("/user/order/showList", {
params: {},
})
.then((res) => {
console.log(res);
});
};
onMounted(() => {
getCarousels();
});
return {
...toRefs(state),
};
},
};
</script>
<style scoped>
.title {
font-size: 50px;
}
</style>