Vue. js nested loop, if judgment, dynamically deleted instance, vue. js nested

Vue. js nested loop, if judgment, dynamically deleted instance, vue. js nested

Vue. js is currently a popular JavaScript MVVM library, which is built based on data-driven and componentized ideas. Compared with Angular. js, Vue. js provides APIs that are simpler and easier to understand.

App.html

<! Doctype html> 

Differences between vue1.0 and vue2.0 loop Indexes
For vue1.0: <ol> <li v-for = "todo in todos" @ click = "delete ($ index)" >{{ todo. label }}</li> </ol> and then: methods: {delete: function (index) {this. todos. splice (index, 1) ;}} if it is vue2.0, write: <ol> <li v-for = "(todo, index) in todos "@ click =" delete (index) "> {todo. label }}</li> </ol> and then methods: {delete: function (index) {this. todos. splice (index, 1 );}}
The above examples of vue. js nested loops, if judgment, and dynamic deletion are all the content shared by Alibaba Cloud. I hope you can give us a reference and support for the customer's house.