vue语法之拼接字符串的示例代码

　　

本文介绍了vue语法之拼接字符串的示例代码,分享给大家,具体如下。

　　

先来一行代码:

　　 　　 　　& lt; div类=" swiper-slide " v=跋钅啃畔ⅰ北? 　　& lt; img v-bind: src=" https://www.yisu.com/zixun/[' xxx(需要拼接的字符串)”+ item.picurl]“宽度==" 245 "/?00%”高度比; 　　& lt;/div> 　　 　　

如代码所示,只需要在数组语法中拼接字符串即可。

　　

　　

顺便总结一下vue语法

　　

写法也分为:风格的绑定和类的绑定

　　

(以下代码部分为官网例子)

　　

<强>(1)对象语法

　　

顾名思义,就是有使用对象写法的语法

　　

风格绑定:

　　

vue语法之拼接字符串的示例代码

　　

这类写法和css写法类似

　　

类绑定:

　　

vue语法之拼接字符串的示例代码

　　

活跃是类名,isActive为真正的时候活跃有效

　　

<强>(2)数组语法

　　

风格绑定:

　　 　　 　　& lt; div:祝辞& lt;/div> 　　 　　

数据写法官网没介绍,我这边简单写一下例子:

　　 　　 　　数据:{ 　　style1:{背景:“红色”}, 　　style2:{宽度:100 px的}, 　　摆在:{身高:100 px的} 　　} 　　 　　

类绑定:

　　

vue语法之拼接字符串的示例代码

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
　　

vue语法之拼接字符串的示例代码