不能使用 Vue.config.delimiters，只能在 new Vue() 上设置分隔符答案

【问题标题】：Can't use Vue.config.delimiters, can only set delimiters on new Vue()不能使用 Vue.config.delimiters，只能在 new Vue() 上设置分隔符
【发布时间】：2017-05-22 06:18:06
【问题描述】：

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

当我只使用全局配置时，它没有任何作用。

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

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

我怎样才能让它在一个全球性的地方工作，即Vue.config.delimiter？

【问题讨论】：

标签： vue.js

【解决方案1】：

只是为@craig_h 的答案添加更多上下文；我不得不使用带有浏览器模板而不是 .vue 文件的 Vue 构建，所以必须使用它。

我最初是添加它的：

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

这不起作用，但是当我将其添加到：

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

成功了，这可能对遇到此问题的人有用

【讨论】：

完整代码长什么样？我不明白你把代码放在哪里。

【解决方案2】：

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

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

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

【讨论】：