Sample Code of vue syntax concatenation string and sample code of vue concatenation

Sample Code of vue syntax concatenation string and sample code of vue concatenation

This article describes the sample code of the vue syntax concatenation string and shares it with you as follows.

Let's start with a line of code:

<Div class = "swiper-slide" v-for = "item in message">  </div>

As shown in the code, you only need to splice strings in the array syntax.

* ** Knowledge point ***

Summary of vue syntax

It can also be written as follows: style binding and class binding.

(The following code is an example on the official website)

(1) object syntax

As the name implies, there is a syntax for writing objects.

Style binding:

This writing method is similar to css writing.

Class binding:

Active is the class name. active is valid when isActive is true.

(2) array syntax

Style binding:

<div :style="[style1,style2,style3]"></div>

I have not introduced the data Writing Method on the official website. Here is a simple example:

data: {  style1:{background:'red'},  style2:{width:'100px'},  style3:{height:'100px'} }

Class binding:

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.