Laravel之vue操作

Posted 一切皆往事

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laravel之vue操作相关的知识,希望对你有一定的参考价值。

Laravel中balde模板引擎的分解符和vue的{{ }} 分解符产生冲突

解决办法

使用vue的{{}}分解符的时候在前面加上@,@{{ }},如下:

<button>@{{ message }}</button>

图片冲突显示

laravel balde模板,如下:

 <img :src="img_url" alt="" style="margin: auto;width:200px;height:200px;">

vue中data的数据,如下:

data:{
   ‘img_url‘:‘图片地扯‘,
},

以上是关于Laravel之vue操作的主要内容,如果未能解决你的问题,请参考以下文章

Laravel之视图和Blade模板引擎

laravel特殊功能代码片段集合

需要一种有效的方法来避免使用 Laravel 5 重复代码片段

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)