Razor是一種高效的模板引擎，它可以在Vue中使用，提高了前端開發的效率和性能。Razor的語法簡單易懂，可以快速上手。下面是一些關于Razor for Vue的例子。

<template>
<div>
<p>Hello, <span>@{{ name }}</span>!</p>
<p>@{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
name: 'world',
message: 'Razor for Vue!'
}
}
}
</script>

在上面的例子中，我們使用了Razor的語法，在Vue中輸出了Hello, world!和Razor for Vue!。這里的@{{ name }}和@{{ message }}就是Razor的標記。它們告訴Vue不要將它們作為Vue的模板語法解析，而是當做Razor引擎來解析。

除了在組件模板中使用，Razor還可以用于動態渲染Vue中的數據。下面是一個例子：

<div>
<p>@{{ message }}</p>
<button v-on:click="changeMessage">Change Message</button>
</div>
<script>
export default {
data() {
return {
message: 'Razor for Vue!'
}
},
methods: {
changeMessage() {
this.message = 'Hello, Vue!'
}
}
}
</script>

在上面的例子中，我們定義了一個按鈕，當點擊按鈕時，會觸發changeMessage方法，將message的值修改為Hello, Vue!。而在模板中，我們使用了Razor的語法輸出message的值，通過Razor的標記，Vue不會對message進行解析，而是使用Razor引擎輸出message的值。