Heavy.vue

<script>
exportdefault {
 props: {
 n: {
 default:1000000,
 },
 },
 computed: {
size() {
return20+this.n/9999999*40
 },
 },
 methods: {
heavy() {
constn=this.n
let result =0
for (let i =0; i < n; i++) {
 result +=Math.tan(Math.sqrt(Math.cos(Math.sin(Math.random() *100))))
 }
return result
 },
 },
}
</script>

<template>
 <div
class="heavy"
:style="{
 width: `${size}px`,
 height: `${size}px`,
 }"
 >
 <pre>{{ heavy() }}</pre>
 </div>
</template>

<style scoped>
.heavy {
background: red;
}
</style>