vue中变量下面有划线是什么 • Worktile社区

fiy

Worktile&PingCode市场小伙伴

在Vue中，变量下划线通常表示私有变量或内部变量。这是一种编码约定，用于告诉其他开发者这些变量不应该被直接访问或修改。

Vue框架是一个用于构建用户界面的渐进式框架，它使用了数据驱动的方式来管理和渲染界面。在Vue中，我们通常会定义一些变量来存储组件的数据、状态和方法。而在一些情况下，我们希望这些变量只在组件内部使用，并且不希望被其他组件或外部访问到。

为了遵循这个原则，Vue的开发者们约定使用下划线来命名私有变量。这种命名约定并不是Vue中的特定语法规则，而是一种约定俗成的做法。它会在一定程度上起到提示作用，告诉其他开发者这是一个私有变量，应该避免直接访问或修改。

当然，使用下划线来命名变量并不是强制性的，它只是一种约定，并不会影响到Vue框架的正常运行。在实际开发中，我们可以根据自己的习惯和项目需求来决定是否使用下划线作为私有变量的命名方式。

总结起来，Vue中变量下划线表示私有变量或内部变量，是一种编码约定，用于告诉其他开发者这些变量不应该被直接访问或修改。然而，这种命名方式并不是强制性的，而是根据个人习惯和项目需求来决定是否使用。

1年前 0条评论

不及物动词

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

在Vue中，变量下划线一般用来表示私有变量或内部变量。这种约定是为了区分公共变量和私有变量，从而避免变量之间的命名冲突或意外的修改。

以下是关于在Vue中使用变量下划线的几个重要注意事项：

私有变量：在Vue组件中，我们可以使用变量下划线来表示私有变量。私有变量只能在组件内部使用，不能在模板中直接访问。这样做可以确保变量的作用范围仅限于组件内部，并且不会被其他组件或外部代码意外修改。

例如，在Vue组件中定义一个私有变量_age：

data() {
return {
_age: 20
}
}

例如，使用前缀"$"来表示私有变量：

data() {
return {
$age: 20
}
}

访问私有变量：尽管私有变量不能直接在模板中访问，但可以通过计算属性或方法来间接访问。这样做可以控制私有变量的访问权限，并且在需要时可以通过计算属性或方法进行修改和处理。

例如，在Vue组件中定义一个计算属性getAge来访问私有变量_age：

computed: {
getAge() {
return this._age;
}
}

例如，Vue Router插件中使用下划线表示内部变量_route：

const router = new VueRouter({
routes: […],
_route: null
})

注意事项：尽管使用变量下划线可以有效地标识私有变量，但这不是一种绝对的保护机制。JavaScript中的对象和属性都是可以被修改的，所以还要注意使用其他方式来保护和限制私有变量的访问，例如使用Symbol作为属性名。

1年前 0条评论

worktile

Worktile官方账号

在Vue中，变量下划线（_）通常表示一个私有属性或变量。它是一种命名约定，用于区分公开和私有的变量。

为了提高代码可读性和维护性，Vue的开发者建议将私有变量命名为以下划线开头。这样做有助于开发者快速区分哪些变量是公开的，哪些是私有的。同时，私有变量也能够避免被意外重写或调用。

当在Vue组件中使用下划线命名一个变量时，我们应该明确其作用域。下划线变量的作用域可以是整个组件，也可以是某个特定的方法。

下面我们将从方法和操作流程两个方面详细介绍Vue中下划线变量的用法。

方法

在Vue中，经常使用下划线命名方式的方法是私有方法。下划线前缀可以告诉开发者这是一个只在组件内部使用的方法，不要从外部组件调用。

methods: {
  _privateMethod() {
    // do something
  },
  publicMethod() {
    // do something
  }
}

在上述例子中，_privateMethod被视为私有方法，只能在组件内部使用。publicMethod则是公开方法，可以在组件外部调用。

Vue中的变量命名是自由的，使用下划线只是一种约定。下划线并不会改变变量的作用域或访问权限。因此，开发者也可以选择不使用下划线。

然而，如果我们遵循Vue开发者的约定，并使用下划线来表示私有变量，那么我们需要在组件中进行相应的操作流程。

data() {
  return {
    _privateVariable: '私有变量',
    publicVariable: '公开变量'
  }
}

methods: {
  _privateMethod() {
    // do something
  },
  publicMethod() {
    // do something
  }
}

<template>
  <div>
    <p>{{ publicVariable }}</p>
    <button @click="publicMethod">点击我</button>
  </div>
</template>

总结：
Vue中使用下划线作为变量名的约定是一种开发者之间的共识，用于区分公开和私有的变量。使用下划线并不能改变变量的作用域或访问权限，而只是一种编码风格。遵循这种约定可以提高代码的可读性和维护性，但开发者也可以自由选择不使用下划线命名。

1年前 0条评论