在Vue.js 1.0中，我可以通过以下代码设置全局分隔符
Vue.config.delimiters = ['${', '}'];
字符串但它已从Vue.js 2.0中删除。每次都必须使用以下代码来设置分隔符吗？
new Vue({ delimiters: ['${', '}'] })
型
62o28rlo1#
对于Vue2，可以这样尝试：
Vue.options.delimiters = ['${', '}'];
字符串
wgeznvg72#
据我所知，没有办法全局设置分隔符，下面是原因：...在2.0中分隔符将成为组件级选项，这意味着您只需为依赖于in-DOM模板的根示例设置它。任何由vueify或vue-loader处理的组件都可以继续使用默认分隔符。更改的目的是使第三方组件更容易使用，因为全局更改分隔符意味着您将无法正确编译它们。来源：https://github.com/vuejs/vue-cli/issues/100
qf9go6mv3#
但是简单的变通方法呢？你可以准备class、const或任何类型的配置，比如：
VueConfig.js
第一个月然后在你的App.js上你就可以
import {VueConfig} from './VueConfig';
new Vue(Object.assign(VueConfig, {el: '#app',data: {msg: 'Oh my app',}}));
效果如下：http://take.ms/wiPGR
3条答案
按热度按时间62o28rlo1#
对于Vue2，可以这样尝试：
字符串
wgeznvg72#
据我所知，没有办法全局设置分隔符，下面是原因：
...在2.0中分隔符将成为组件级选项，这意味着您只需为依赖于in-DOM模板的根示例设置它。任何由vueify或vue-loader处理的组件都可以继续使用默认分隔符。
更改的目的是使第三方组件更容易使用，因为全局更改分隔符意味着您将无法正确编译它们。
来源：https://github.com/vuejs/vue-cli/issues/100
qf9go6mv3#
但是简单的变通方法呢？你可以准备class、const或任何类型的配置，比如：
VueConfig.js
第一个月
然后在你的App.js上你就可以
import {VueConfig} from './VueConfig';
new Vue(
Object.assign(VueConfig, {
el: '#app',
data: {
msg: 'Oh my app',
}
})
);
效果如下：http://take.ms/wiPGR