Laravel视图语法与Vue{{}}冲突

作者: 温新

分类: 【Laravel】

阅读: 2978

时间: 2020-12-16 16:08:35

Laravel视图中的变量解析与Vue中Mustache语法是一模一样的,因此,这就产生了冲突。作为PHP中最火的框架与前端中最火的Vue框架,如何才能美好共存?

解决冲突:

Laravel框架中{{}}不变,Vue中{{}}改为@{{}}即可,如下案例

<span style="box-sizing: border-box;padding-right: 0.1px"><span style="box-sizing: border-box;color: rgb(84, 110, 122)"># Laravel</span></span><br></br><span style="box-sizing: border-box;padding-right: 0.1px"><span style="box-sizing: border-box;color: rgb(130, 177, 255)">@if</span></span><br></br><span style="box-sizing: border-box;padding-right: 0.1px"><span style="box-sizing: border-box;color: rgb(130, 177, 255)">@endif</span></span><br></br><span style="box-sizing: border-box;padding-right: 0.1px">    </span><br></br><span style="box-sizing: border-box;padding-right: 0.1px"><span style="box-sizing: border-box;color: rgb(84, 110, 122)"># Vue</span></span><br></br><span style="box-sizing: border-box;padding-right: 0.1px"><span style="box-sizing: border-box;color: rgb(130, 177, 255)">@@</span>{{ <span style="box-sizing: border-box;color: rgb(130, 177, 255)">msg</span> }}</span>

我是小白,期待和优秀的你一起同行!

小白

2020年12月17日

请登录后再评论