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

唯一Chat

发布于 2021-10-26 10:48:56

4230

发布于 2021-10-26 10:48:56

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

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

在vue2中可以使用

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

在vue3中需要使用这种方式

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

模板中这样取变量

${ message }

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-10-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度