Easton's Blog Easton's Blog
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)

Easton Yang

爱生活😊爱学习
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)
  • 博客教程

    • 目录结构
    • 各种配置
    • 博客主题案例
    • markdown基本用法
    • markdown更具表现力
    • mermaid流程图案例
    • 插件
    • 自定义样式
    • 自定义components
    • Shields - 徽章
    • 项目遇到的问题
    • 更多
  • 关于

  • 索引
  • 博客教程
eastonyangxu
2023-05-04

自定义components

输入:

.vuepress/components/demo.vue

<style scoped lang="css">
h1 {
  color: red;
  font-size: 20px;
}
</style>

<template>
  <h1>这是我第一个自定义的components</h1>
</template>

<script>
export default {
  name: "demo",
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

使用 components:

<demo/>
1

输出:

这是我第一个自定义的components

#博客教程
上次更新: 2023/08/08, 20:00:46
自定义样式
Shields - 徽章

← 自定义样式 Shields - 徽章→

最近更新
01
攻略制作要点
07-18
02
摄影主题拍摄
07-18
03
延时摄影剧本
07-18
更多文章>
Theme by Vdoing | Copyright © 2023-2024 Easton Yang | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式