Vue.js object mapping

Question

i have such object

data: () => ({
            customer: {
                item: {
                    name: undefined
                }}
})

in the template I'm using

<v-number
separator="."
decimal="2"
group-by="3"
error-text="system.global.cusotmer"
v-model="customer.item.name"
></v-number>

but i get an error:

[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"

what i'm doing wrong?

this works fine:

data: () => ({
            customer: {
                item: undefined}
})
v-model="customer.item"

Answer 1

Try this syntax

data() {
  return {
    customer: {
      item: {
        name: undefined
      }
    }
  }
},

Also, please provide more context on what v-model is applied to and what your template is actually doing.