<template>
  <div class="hello">
    <p @click="fn">asafsaf</p>
    <div class="box">
      
    </div>
    <router-link to="/home">asd</router-link>
  </div>
</template>

<script>
import { istest, isget } from "../api/request.js";
export default {
  name: "HelloWorld",
  data() {
    return {
      isData: {
        username: "test",
        password: "test",
      },
      getData: {
        pageNum: 1,
        pageSize: 5,
      },
    };
  },
  mounted() {
    console.log(this.$router);
    istest(this.isData).then((res) => {
      console.log(res);
      sessionStorage.setItem("tokenHead", res.data.data.tokenHead);
      sessionStorage.setItem("token", res.data.data.token);
    })
  },
  methods: {
    fn() {
      isget(this.getData).then((res) => {
        console.log(res);
      });
    },
  },
};
</script>
<style scoped lang="scss">
@function vw($px){
    @return 100 * $px/750 + vw;
}
.hello {
  p {
    color: red;
  }
}
.box{
  width: vw(75);
  height: vw(75);
  border: 1px solid red;
}
</style>