[前端系列]vue3修改模板变量间隔符

vue中的模板变量间隔符是{{}}

 

但是在很多后端语言里，两个大括号可能被使用了，所以现在想改变间隔符

可以像下面这样操作，使用的时候可以用${}

    const App = {
        compilerOptions: {
            delimiters: ['${', '}'],
            comments: true
        },
        data() {
       
        },
        methods: {

        },
        //属性初始化
        created(){
        }
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");