Typescript 在Vue.js 3中设置自定义分隔符

我试图在Vue.js 3中设置自定义分隔符，但它似乎不起作用

我尝试的第一件事是设置组件参数

分隔符

，如下所示：

export default defineComponent({
    delimiters: ["${", "}$"],
    // ...
})

import { createApp } from "vue";
import router from "./router";
import App from "./App.vue";

App.delimiters = ["${", "}$"];

createApp(App)
   .use(router)
   .mount("#app");

但什么也没发生

然后我尝试如下设置main.ts文件：

export default defineComponent({
    delimiters: ["${", "}$"],
    // ...
})

import { createApp } from "vue";
import router from "./router";
import App from "./App.vue";

App.delimiters = ["${", "}$"];

createApp(App)
   .use(router)
   .mount("#app");

同样，模板中的字符串插值不起作用

---

我缺少什么？

需要在

createApp

例子：

var-app=Vue.createApp({
data（）{return{message:'Ciao'}}，
分隔符：[“${”，“}$”]
}).mount（“#app”）

消息：${Message}$