Vuejsの "Mustache"構文でフリンジテンプレートを使用するにはどうすればよいですか？

Question

一部重なっているようです。例えば

、このコード：

<div id="entry"> 
    <textarea rows="20" v-model="input"></textarea> 
    <div> 
     {{ input | md }} 
    </div> 
    </div> 
    <script src="https://unpkg.com/vue@2.1.3/dist/vue.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script> 
<script> 
var vm = new Vue({ 
    el: '#entry', 
    data: { 
    input: '' 
    }, 
    filters: { 
    md: function(val){ 
     return marked(val) 
    } 
    } 
}) 
</script> 

は大丈夫ここで働いているようだ：https://jsfiddle.net/5qvc815w/を（脇値下げでレンダリングされたHTMLタグから）

が、フラスコに、私は取得しています

jinja2.exceptions.TemplateAssertionError 
TemplateAssertionError: no filter named 'md' 

vue.jsではなく、中括弧で何を発見するのがjinja2に見えているようです。

Answer 1

補間用のVueのデフォルトの区切り文字が別のフレームワークと衝突すると、customize themになります。これと同じように使用

var vm = new Vue({ 
    delimiters:['${', '}'], 
    el: '#entry', 
    data: { 
    input: '' 
    }, 
    filters: { 
    md: function(val){ 
     return marked(val) 
    } 
    } 
}) 

：

<div> 
    ${ input | md } 
</div>