Question

在Vue.js 1.0中，我可以通过以下代码设置全局分隔符

Vue.config.delimiters = ['${', '}'];

但它已从Vue.js 2.0中删除。我每次都必须使用以下代码设置分隔符吗？

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

Answer 1

对于Vue2，请尝试这样：

Vue.options.delimiters = ['${', '}'];

Answer 2

据我所知，全局无法设置分隔符，以下是解释原因：

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

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

来源：https://github.com/vuejs/vue-cli/issues/100

Answer 3

但是简单的解决方法呢？您可以准备class，const或任何类型的配置，如：

<强> VueConfig.js

export const VueConfig = { delimiters: ['${', '}'] };

然后在您的 App.js 上执行

```

import {VueConfig} from './VueConfig';

new Vue(
    Object.assign(VueConfig, {
        el: '#app',
        data: {
            msg: 'Oh my app',
        }
    })
);

```

效果就像这里：http://take.ms/wiPGR

如何在Vue.js 2.0中设置全局分隔符？

3 个答案: