vue变量下划线开头表示什么 • Worktile社区

fiy

Worktile&PingCode市场小伙伴

在Vue.js中，变量下划线开头的命名约定表示该变量是vue组件中的私有变量。这个命名约定是一种代码风格，旨在标识变量的访问范围和可见性。

根据Vue的设计理念，组件应该是独立、可重用的，因此应该避免在组件之间共享状态，而应该通过props和events来进行数据传递。然而，在某些情况下，组件需要保留一些内部状态，仅用于组件自身的逻辑，以提供更好的封装性和内聚性。

为了明确这些内部状态是组件私有的，Vue社区中普遍约定使用下划线开头的命名方式。这样做的好处是，可以直观地识别出哪些变量是组件的私有变量，有助于其他开发人员更好地理解和使用组件。

除了下划线开头的私有变量之外，Vue还提供了一些其他的特殊命名约定，用于标识其他类型的变量，如以$开头的变量表示是Vue实例的属性或方法，以_开头的变量表示是库或插件的私有变量等等。

总之，通过在Vue组件中使用下划线开头的变量命名，可以清楚地表明变量的访问范围，提高代码的可读性和可维护性。但需要注意的是，这只是一种约定，并不是强制要求，开发人员可以根据自己的实际情况选择是否采用这种命名方式。

1年前 0条评论

worktile

Worktile官方账号

在Vue中，变量下划线开头表示该变量是一个私有变量。这种命名约定用于标识那些应该被视为私有的变量，这些变量不应该被直接访问或操作。

下划线开头的变量通常用于以下几种情况：

私有变量：下划线开头的变量通常表示组件内部的私有变量，这些变量仅在组件内部使用，外部无法直接访问。通过使用下划线作为前缀，开发者可以清楚地识别出哪些变量应该被视为私有的，减少了变量之间的命名冲突。
与计算属性配合使用：Vue中的计算属性是一种特殊的属性，它根据其他属性的值计算得出。有时候，为了避免计算属性与普通属性或方法发生命名冲突，可以在计算属性的名称前加上下划线。
```
computed: {
  _fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}
```
在上面的例子中，_fullName是一个计算属性，它根据firstName和lastName计算出全名。通过在计算属性名称前加上下划线，防止与其他属性发生命名冲突。
实例属性与私有变量区分：在Vue组件中，可以将数据定义为实例属性或私有变量。实例属性默认是响应式的，可以在组件的data选项中声明。而私有变量不会自动成为响应式的，可以在组件的data选项之外定义，并通过下划线开头表示。
```
export default {
  data() {
    return {
      publicVariable: 'public',
    };
  },
  mounted() {
    this._privateVariable = 'private';
  },
};
```
在上面的例子中，publicVariable是一个实例属性，可以直接在模板中使用。而_privateVariable是一个私有变量，只能在组件的内部访问。
标识未对外暴露的方法：在Vue组件中，有些方法可能只是用于内部逻辑，不希望被外部调用。通过在方法名称前加上下划线，可以清楚地标识出这些方法是私有的，不应该直接被调用。
```
methods: {
  _privateMethod() {
    // 私有方法逻辑
  },
},
```
在上面的例子中，_privateMethod是一个私有方法，仅在组件内部使用，不应该被外部调用。
标识未被使用的事件属性或方法：有时候，在Vue组件中定义了一个事件属性或方法，但由于某些原因并未使用。为了避免产生警告或误导其他开发者，可以将未使用的事件属性或方法的名称前加上下划线。

总结来说，Vue中的变量下划线开头表示该变量是一个私有变量，不应该被直接访问或操作。这种命名约定有助于减少变量之间的命名冲突，使代码更加清晰易读。

1年前 0条评论

不及物动词

这个人很懒，什么都没有留下～

在Vue中，变量下划线开头表示该变量是私有变量，是模块内部使用的变量，不会对外部组件暴露，通常用于内部实现和逻辑中。这种命名约定是为了遵循JavaScript中的私有变量命名规范，并且与Vue组件生命周期钩子函数的命名保持一致。

使用下划线开头命名变量的目的是为了明确地表示这些变量是内部私有变量，防止意外访问和修改，并增加代码的可读性和可维护性。同时，由于Vue组件之间存在组件实例和实例之间的传递，使用下划线开头的变量可以避免不同组件之间的变量冲突。

下面是一个使用下划线开头命名变量的示例：

data() {
  return {
    _privateVar: '私有变量',
    publicVar: '公共变量'
  }
},
methods: {
  _privateMethod() {
    // 对私有变量进行操作和计算
    console.log(this._privateVar);
  },
  publicMethod() {
    // 对公共变量进行操作和计算
    console.log(this.publicVar);
  }
}

在上面的示例中，_privateVar是一个私有变量，只能在组件内部访问和修改。publicVar是一个公共变量，可以在组件内部和外部访问和修改。_privateMethod是一个私有方法，只能在组件内部调用。publicMethod是一个公共方法，可以在组件内部和外部调用。

需要注意的是，Vue并没有强制规定变量是否是私有的，使用下划线开头只是一种约定和推荐的命名方式，是为了更好地组织和管理代码。开发者可以根据自己的需求和项目规范来决定是否使用下划线开头命名私有变量。

1年前 0条评论