Using arrow function to initialize data() in Vue

Question

Why I cannot get the array of 'expired'? I can see expired is a function, but I want a array.

export default {
  name: 'a',
  data () {
    return {
      labelEnable: "a",
      expired: () => {
        var a = []
        for (var i = 1; i < 31; i++) { 
          a.push(i)
        }
        return a
      },
    }
  },

Answer 1

You declare a function which calculates expired, but you don't call and execute it. Try this:

  expired: (() => {
    var a = []
    for (var i = 1; i < 31; i++) { 
      a.push(i)
    }
    return a
  })(),

But for this particular example there is a more clear solution:

expired: new Array(30).fill().map((d, i) => i + 1)