首页 > 解决方案 > 如何在 vue-cli 3 中设置自定义分隔符?

问题描述

我正在使用带有 vue-cli 3 的 django,我想访问 vue 模板中的 django 数据,但是在 vue 的情况下与数据访问的语法有冲突,即分隔符。现在我想解决这个问题,但是分隔符选项不起作用,或者我不知道在哪里或如何添加这个命令。我试图将它添加到 src 目录中的 main.js 文件中,但没有成功。如果您知道解决方案或有任何解决方案,请建议我。

new Vue({
  router,
  store,
  vuetify,
  delimiters: ['[[',']]'],
  render: h => h(App)
}).$mount('#app')

谢谢你。

标签: djangovue-cli-3

解决方案


在 Vue 3 中添加分隔符与 Vue 2 几乎相似。

const SomeFeature = {
    delimiters: ['${', '}$'],
    data () {
        return {}
    }
}

Vue.createApp(SomeFeature).mount("#app")

参考:Vue 3 中的分隔符


推荐阅读