Shulou(Shulou.com)06/02 Report--

This article mainly explains "vue how to reverse the array", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "vue how to reverse the array" bar!

In vue, you can use the "v-for" instruction and calculation properties to reverse the array, syntax "and" computed: {reverseDIV () {return this.items.reverse ()}} ".

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

The method of inverting arrays in vue

Method 1:

{{item}} export default {name: "List", data () {return {items: [1meme 2Jing 3Jing 4]},}

Method 2 (calculate attributes):

{{item}} export default {name: "List", data () {return {items: [1,2,3,4]}}, computed: {reverseDIV () {return this.items.reverse ()}

Description: calculation attribut

Type: {[key: string]: Function | {get: Function, set: Function}}

Details:

The calculation properties will be mixed into the Vue instance. The this contexts of all getter and setter are automatically bound to Vue instances.

Note that if you use the arrow function for a calculated property, this does not point to an instance of the component, but you can still access its instance as the first argument to the function.

Computed: {aDouble: vm = > vm.a * 2}

The result of the calculated property is cached and will not be recalculated unless the dependent responsive property changes. Note that if a dependency (such as a non-responsive property) is outside the scope of the instance, the calculated property will not be updated.

Mainly a series of operations we carried out without polluting the source data.

Thank you for your reading, the above is the content of "vue how to reverse the array", after the study of this article, I believe you have a deeper understanding of how vue reverses the array, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.