Each markdown file is first compiled into HTML and then passed on as a Vue component to `vue-loader`. This means you can use Vue-style interpolation in text:
Each markdown file is first compiled into HTML and then passed on as a Vue component to `vue-loader`. This means you can use Vue-style interpolation in text:
**Input**
**Input**
...
@@ -14,6 +16,8 @@ Each markdown file is first compiled into HTML and then passed on as a Vue compo
...
@@ -14,6 +16,8 @@ Each markdown file is first compiled into HTML and then passed on as a Vue compo
<pre><code>{{ 1 + 1 }}</code></pre>
<pre><code>{{ 1 + 1 }}</code></pre>
### Directives
Directives also work:
Directives also work:
**Input**
**Input**
...
@@ -26,6 +30,8 @@ Directives also work:
...
@@ -26,6 +30,8 @@ Directives also work:
<pre><code><spanv-for="i in 3">{{ i }} </span></code></pre>
<pre><code><spanv-for="i in 3">{{ i }} </span></code></pre>
### Access to Site & Page Data
The compiled component does not have any private data but do have access to the [site metadata](./theming.md#site-and-page-metadata). For example:
The compiled component does not have any private data but do have access to the [site metadata](./theming.md#site-and-page-metadata). For example: