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>