[前端] vue3中修改模板变量分隔符--GOFLY在线客服-GO语言实现开源独立部署客服系统...

vue中的模板分隔符是{{   }}  两个大括号

但是在很多后端语言或者模板中，这个符号有可能被占用了，因此需要修改下

在vue2中可以使用

new Vue({
    el: '#app',
    delimiters:["<{","}>"],

在vue3中需要使用这种方式

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

模板中这样取变量

${ message }