Hello welcome to Yzone.net

Vue.js 修改默认模板变量标签

Vue 文本插值的定界符, 默认值是: ["{{", "}}"]。 但是与php模板引擎Twig的标签冲突,所以这里需要修改下定界符。 在查看 Vue api 文档,使用如下方式修改:

在加载Vue.js之后

<script>
    // 修改 Vue 模板标签
    if ( "undefined" != typeof Vue ) {
        // 修改文本插值的定界符。
        // ES6 模板字符串
        Vue.config.delimiters = ['${', '}'];
        // 修改原生 HTML 插值的定界符。默认值: ["{{{", "}}}"]
        // make it look more dangerous
        Vue.config.unsafeDelimiters = ['{!!', '!!}'];
    }
</script>

在 html 中就可以使用

<div id="app">
  ${ message }
</div>

分类 javascript    标签 vue , javascript
文档结构