如何在全局范围内分配“Vue Js”标签？

Question

我是 Vue.js 的新手，在这里我无法在所有情况下声明分隔符。

我的代码：

HTML：

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

<div id="app-2">
   <span v-bind:title="message">
      Hello ${ message }
   </span>
</div>

Vue.JS：

var app1 = new Vue({
    el: '#app',
    delimiters: ['${', '}'],
    data: {
        message: 'Hi all !'
    }
});

var app2 = new Vue({
    el: '#app-2',
    delimiters: ['${', '}'],
    data: {
        message: 'you will load in ' + new Date()
    }
});

有没有什么方法可以将标签“delimiters: ['${', '}']”全局声明为页面内所有 Vue 实例的通用标签？

Answer 1

我想说，下面这行就是你想要的：

Vue.config.delimiters = ['<%', '%>']

new Vue({

})