Question

我只是在寻找一些有关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
      }
    },

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

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

Answer 1

这不是与v模型有关的问题。 v模型只是绑定到组件的数据以及您对这些属性的要求。

没有一般规则。您的两个示例在不同情况下都是正确的。可读性很重要。

我会先使用。用于客户组件。很明显，姓是客户属性，而在属性名称中重复单词“客户”是多余的。

在组件保留多个对象的情况下，仅使用customer.surname可能就足够了，不仅客户，而且您还希望清楚姓氏所属的地方。

此外，当从父组件将客户作为对象传递时，您可能以绑定到customer.surname结束

Vue V模型命名最佳实践

1 个答案: