VUE作為一款流行的前端框架，為我們開發提供了很大的便利。但是，在VUE使用過程中，我們常常會遇到一些奇奇怪怪的問題，在這里我就來談談handlebars和VUE的沖突問題。

Handlebars是一種模板引擎，類似于VUE的template標簽。有時候，在使用VUE過程中，如果沒有進行很好的控制，可能會與Handlebars發生沖突，影響頁面的正常渲染。

<script type="text/x-handlebars-template" id="tpl1"><div>{{name}}</div></script><template><div>{{message}}</div></template>

以上例子中，如果將handlebars模板嵌套到VUE模板中，你會發現模板解析出錯，無法正確渲染頁面。這就是由于模板中雙花括號{{}}的沖突引起的，因為handlebars和VUE都會解析這種語法結構。

那么，如何避免handlebars和VUE的沖突呢？其實方法也很簡單，只需要使用Vue中的rawHTML指令或者unescaped插值方法即可。這樣，在渲染模板時，VUE會將模板中的雙花括號不作處理直接輸出。

<div v-html="rawHtml">