vuebot项目
1vue换壁纸
<style> body{ background-image: url("@/assets/background.jpg"); } </style>
2看看我router的index.js
点击查看代码
> import { createRouter, createWebHistory } from 'vue-router'
const routes = [
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
3vue代码
点击查看代码
`<template>
<div id="app">
Bot昵称:{{bot_name}}
Bot战力:{{bot_rating}}
</div>
<!-- <router-view></router-view> -->
</template>
<script>
import $ from 'jquery';
import {ref} from 'vue';
export default {
name: 'App',
setup:()=>{
let bot_name=ref("");
let bot_rating=ref("")
$.ajax({
url:"http://127.0.0.1:3000/pk/getbotinfo/",
type:"get",
success:resp=>{
console.log(resp)
bot_name.value=resp.name;
bot_rating.value=resp.rating;
}
});
return{
bot_name,
bot_rating
}
}
}
</script>
<style>
body{
background-image: url("@/assets/background.jpg");
background-size: auto;
}
</style>