无法使用Vue.config.delimiters，只能在新的Vue（）上设置分隔符

Question

根据this answer，我正在尝试设置Vue.config.delimiters = ['${', '}']，以便将Vue与服务器端handlebars一起使用。

当我只使用全局配置时，它什么都没有。

当我在新的Vues上设置delimiters时，它可以正常工作

var game = new Vue({
        delimiters: ['${', '}'],
...

如何让它在一个全球范围内工作，即Vue.config.delimiter？

Answer 1

全局分隔符已在Vue 2中删除，因此您现在必须在Vue实例上进行设置。来自Vue Github page：

  

...在2.0分隔符中将成为组件级选项，这意味着您只需要为依赖于DOM模板的根实例设置它。由vueify或vue-loader处理的任何组件都可以继续使用默认分隔符。

     

此更改旨在使第三方组件更容易使用，因为全局更改分隔符意味着您无法正确编译它们。

Answer 2

只是为@ craig_h的回答添加更多上下文;我不得不使用浏览器模板而不是.vue文件来使用Vue构建，因此必须使用它。

我最初添加它：

new Vue({
  store: store,
  el: el,
  delimiters: ['${', '}'],
})

这不起作用，但当我把它添加到：

Vue.component('name-line', {
  template: '#js-LineTemplate',
  delimiters: ['${', '}'],
  ...

它有效，这可能对遇到此问题的人有用