2023-03-29 09:18:25 +08:00
|
|
|
<template>
|
2023-03-29 10:43:46 +08:00
|
|
|
<a-card>
|
|
|
|
<div>
|
|
|
|
<h1>首页</h1>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
{{ state }}
|
|
|
|
<a-button type="primary" @click="() => state.count++">点击+1</a-button>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
{{ i }}
|
|
|
|
<a-button type="primary" @click="changeClick">点击+1</a-button>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<RouterLink to="/site/index2">跳转到子页</RouterLink>
|
|
|
|
</div>
|
|
|
|
</a-card>
|
2023-03-29 09:18:25 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { ref } from 'vue';
|
2023-03-29 10:43:46 +08:00
|
|
|
// reactive
|
2023-03-29 09:18:25 +08:00
|
|
|
const state = ref({ count: 0 });
|
2023-03-29 10:43:46 +08:00
|
|
|
let i = ref(1);
|
|
|
|
|
|
|
|
function changeClick() {
|
|
|
|
i.value++;
|
|
|
|
}
|
2023-03-29 09:18:25 +08:00
|
|
|
</script>
|