Looping in Vue and how to modify the difference expression

1. Loop in Vue

v-for

Common 4 total situations

#First Type&lt;div v-for="item in items"&gt;&lt;/div&gt;

#The second type&lt;div v-for="(item, index) in items"&gt;&lt;/div&gt;

#The third type&lt;div v-for="(val, key) in object"&gt;&lt;/div&gt;

#The fourth type&lt;div v-for="(val, name, index) in object"&gt;&lt;/div&gt;

For objects, if the index of the normal list array type is empty

2. Delimiter in Vue (modify the difference expression)

delimiters

Give an example

&lt;div &gt;
  [[ msg }}
&lt;/div&gt;
&lt;script src=""&gt;&lt;/script&gt;
&lt;script&gt;
  new Vue({
    el: '#app',
    data: {
      msg: 'message'
    },
    // Modify the interpolation expression symbol    delimiters: ['[[', '}}'], both sides symbols are used'symbol' The content of the difference`, `Let's express
  })
&lt;/script&gt;

Summarize

The above is the way to loop and modify the difference expression in Vue introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!
If you think this article is helpful to you, please reprint it. Please indicate the source, thank you!