Vue

VitePress 可以直接在 Markdown 中使用动态模板、组件和 <script> 标签。

{{ 1 + 2 }}

<ul>
  <li v-for="i in 3">{{ i }}</li>
</ul>

<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

计数 {{ count }}

<button :class="$style.button" @click="count++">加</button>

<style module>
.button {
  color: blue;
}
</style>