我只是在寻找一些有关Vue v-model命名约定的最佳实践建议。

我看过这样的代码，它只使用一个这样的名称：

<input name="surname" v-model="surname"/>

export default {
  data: function () {
    return {
      surname: '',

我也看到了这样的点符号：

<input name="surname" v-model="customer.surname"/>

export default {
  data: function () {
    return {
      customer: {
        surname: undefined
      }
    },

是否有最佳做法的命名约定，或者仅仅是您喜欢的情况的一个例子？

我只是在尝试学习时避免任何潜在的陷阱，而不是以后偶然发现它们。