---
title: 部分vue组件语法预览
description: 预览一些自定义 vue 组件语法
date: 2025-08-11
img: https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811160513849.png
navigation:
  icon: simple-icons:vuedotjs
---
:::code-group
:::code-preview{icon="i-lucide-eye" label="Preview"}
  ::callout
  ---
  icon: simple-icons-visualstudiocode
  to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc
  ---
  安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。
  ::
:::
```mdp[Markdown语法.md]
  ::callout
    ---
    icon: simple-icons-visualstudiocode
    to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc
    ---
    安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。
  ::
```
:::





::tip{icon="i-lucide-info"}
这个页面 **尚未完成**,用于测试一些组件的语法和样式.
::

  <UBanner
    icon="lucide-link"
    to="https://lijue.net"
    target="_blank"
    title="点击跳转"
    color="primary"
  />