Laravel视图语法与Vue{{}}冲突
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日
请登录后再评论