Using Vue

Interpolation

{{ 1 + 24 }}

⬇️
2

Directives

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

⬇️

  • 1
  • 2
  • 3

Escaping

Display raw vue.

::: v-pre
`{{ 2 + 424 }}`
:::

⬇️

{{ 2 + 424 }}

Components

File Tree




 



.
└─ .vuepress
   └─ components
      ├─ Beep.vue
      └─ Circus
         └─ Creep.vue

Beep Component

<Beep/> <!-- Beep vue component-->
<Creep/> <!-- Creep vue component in /Circus-->

⬇️

🤖

Beep ✨ Boop!

🤡

Want a 🎈 or 🍰?