typescript - 在 Vue.js 3 中设置自定义分隔符
问题描述
我正在尝试在 Vue.js 3 中设置自定义分隔符,但它似乎不起作用。
我尝试的第一件事是delimiters
像这样设置组件参数:
export default defineComponent({
delimiters: ["${", "}$"],
// ...
})
但什么也没发生。
然后我尝试像这样设置main.ts文件:
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'}},
compilerOptions: {
delimiters: ["${", "}$"]
}
}).mount('#app');
<script src="https://unpkg.com/vue@3.0.1/dist/vue.global.prod.js"></script>
<div id="app"><h1>Message: ${message}$</h1></div>
推荐阅读
- javascript - 是否可以访问类原型的属性?
- vim - 从插件或 vimrc 调用时的 getbufvar 函数返回空字符串
- c# - EF Core 导航属性自行加载
- nginx - NGINX HTTP 重定向到 HTTPS 失败:“return”指令中的参数数量无效
- node.js - 猫鼬创建的对象的值在 Nestjs 中返回未定义
- r - 对具有相同结构的多个数据集使用 lapply 和 for-loop 来提取和计算每个数据帧的值
- javascript - 如何允许在 JS 中一次上传多个图像?
- sql - 使用 group by 并限制为不同值的 SQL 语句问题
- woocommerce - Woocommerce 订单 - 为客户付款
- reactjs - 如何将状态对象值设置到 redux 存储中