vue press

作者：_永恒灬莫言发布日期:2025-09-11 浏览:22

<template>
  <div>
    <h1>VuePress 示例</h1>
    <p>这是一个使用 VuePress 创建的简单页面。</p>
  </div>
</template>

<script>
export default {
  name: 'HomePage',
};
</script>

<style scoped>
h1 {
  color: #3eaf7c;
}
</style>

解释说明：

模板部分 (<template>)：定义了页面的 HTML 结构。这里有一个标题 <h1> 和一个段落 <p>。
脚本部分 (<script>)：导出了一个 Vue 组件，命名为 HomePage。
样式部分 (<style scoped>)：为该组件定义了局部样式，scoped 属性确保这些样式只应用于当前组件。

如果你需要更多关于 VuePress 的配置和使用，请参考 VuePress 官方文档。

上一篇：vue2 自定义指令

下一篇：vue 数组增加数据