Javascript 如何更改vue cli';什么是分隔符?

Javascript 如何更改vue cli';什么是分隔符?,javascript,vue.js,vuejs2,vue-cli,Javascript,Vue.js,Vuejs2,Vue Cli,我安装了vue cli(简单网页包) src/main.js: import Vue from 'vue' import App from './App.vue' new Vue({ delimiters: ['?{', '}'], // here , delimiters set " ?{ } " el: '#app', render: h => h(App) }) 上面的代码不工作(?{}),{}继续工作 /src/App.vue代码更改 ?{msg} 导出

我安装了vue cli(简单网页包)

src/main.js

import Vue from 'vue'
import App from './App.vue'

new Vue({
  delimiters: ['?{', '}'],     // here , delimiters set " ?{ } " 
  el: '#app',
  render: h => h(App)
})
上面的代码不工作(
?{}
),
{}
继续工作

/src/App.vue代码更改


?{msg}
导出默认值{
名称:“应用程序”,
分隔符:[“?{”,“}]”,//此处,分隔符设置为“{}”
数据(){
返回{
msg:“欢迎使用您的Vue.js应用程序”
};
}
};
index.html(不工作):

?{msg}
我想打印“欢迎使用您的Vue.js应用程序”

帮帮我


谢谢!!

查看作者的回复:

分隔符只能在对完整版本(vue.js)使用运行时编译时更改。它在*.vue文件中不起作用(以保持所有*.vue文件语法一致)


[2020/07/03]

如何配置以使用运行时编译器使用自定义分隔符

  • 在项目根目录(存储
    package.json
    的地方)创建一个
    vue.config.js
    文件

  • 添加以下内容:

  • app.vue
  • app.vue
    中修改
    ,如下所示:
  • //app.vue
    导出默认值{
    分隔符:['{','}'],
    名称:“应用程序”,
    模板:“{title}”,
    数据(){
    返回{
    标题:“这是一个标题”
    };
    }
    };
    
  • 文件

  • 如何在vue cli complie中更改分隔符?那么您可以编写一个小示例吗
    // vue.config.js
    module.exports = {
      runtimeCompiler: true
    }
    
    // app.vue
    <script>
    export default {
        delimiters: ['{', '}'],
        name: 'App',
        template: '<div id="app">{ title }</div>',
        data () {
            return {
                title: 'This is a Title'
            };
        }
    };
    </script>