追記
とても勉強になるコメントを頂きました。ぜひコメント欄も含めてご覧ください。
対象のhtml.erb
sample.html.erb
<div id="app">
<p>{{ name }}</p>
<input v-model="name">
</div>
main.js
var app = new Vue({
el: '#app',
data: {
name: 'hoge'
}
})
素直にslimで {{}} を書くと……
sample.html.slim
#app
p {{ name }}
input v-model="name"
となると思いますが、これだとエラーがでます。
pタグにそのままMustache構文は書けないんですね。
追記
最初の { が p 要素の属性指定の始まりと解釈されるのに，その次にまた { が来て属性とは解釈しえない，ということですね。だからエラーになる。
↑コメントより引用
slimではこう書きます
sample.html.slim
#app
p v-text="name"
input v-model="name"
[別解]こんな書き方もあるらしい
sample.html.slim
#app
p = "{{name}}"
input v-model="name"