（如何）我应该在 Vue.js 组件（TypeScript）中使用访问修饰符（公共、私有等）吗？

Question

我有一个带有 TypeScript v.4.3 的 Vue.js v2.6 项目“幕后”。
我的问题：如果在 Vue 组件 中使用 access modifiers 是否有意义，以及如何正确使用它们，我找不到任何可以解决的文档。
我搜索了 Vue.js docs 和 StackOverflow 的文章，没有任何发现。 （Vue.js 文档完全忽略了它们的存在！）

这就是我目前在我的 Vue 组件中使用访问修饰符的方式：

myComponent.vue 的模板部分：

<template>
  <div>
    <!-- accessing some of the fields of the class here e.g. the getter -->
  </div>
</template>

myComponent.vue 的脚本部分：

<script lang="ts">
  import { Vue, Component, Prop, Emit } from "vue-property-decorator";

  @Component()
  export default class MyComponent extends Vue {
    @Prop() public readonly myPropertyVariable!: boolean;

    public myVariable!: string; // accessed in template

    private myInternalVariable!: boolean; // not accessed in template

    public get myGetterVariable(): string {
       // obviously accessed in template (getter)
    }

    @Emit()
    public change(): void {}

    @Action
    public doAction(): void {}

    public mounted(): void {}

    public myMethod(): boolean {
      // accessed in template
    }

    private myInternalMethod(): boolean {
      // not accessed in template
    }
  }
</script>

我希望，这不是一个基于意见的问题。我假设有一个事实可以证实 Vue 组件中访问修饰符的意义。我有一种强烈的、可能是非理性的抗拒将它们全部省略。

顺便说一句：我在 Rider 中编码，访问修饰符可能对 IDE 代码分析有用。

Answer 1

如果它像 Angular 一样工作，您在代码中注释的公共修饰符将确保您的模板可以调用这些公共函数。

也许正如其他开发人员所说，在@refs 的用例中。 （虽然如果你需要它们，你很有可能是意大利面条式编码）

将方法标记为私有只是表示“这不属于模板”的一种方式。

在这些类是强制的“前端场景”中，使用访问器只会增加可读性（和混乱：D）

这个问题在其他线程中没有得到回答，主要是因为它是常识和风格，我的 2 美分是，当你不想定位模板时使用 private，只是为了增加你的代码可读性。

顺便说一句，我使用 vue 和 typescript 已经 3 年了，我可以告诉你的一件事是，我总是发现 vue 类组件过时软件，尤其是在 vue3 中。 Vue2 和 3 支持出色的 typescript，无需任何类组件。

Answer 2

我在我的项目中发现，公共/私有访问修饰符仅在您的组件被其他组件引用时才有用（例如，使用 @Ref 属性装饰器）

Answer 3

TypeScript 的 public/private 访问修饰符不会影响转译的输出，因此在 Vue 的生态系统中没有任何影响。您仍然可以使用它们，但它们只会在开发过程中通过提供属性访问错误来提供帮助。

见：TypeScript Support for Vue.js

此扩展是 VSCode 特有的，但似乎与您正在寻找的内容一致：https://github.com/prograhammer/vscode-tslint-vue

Answer 4

Public/Private 修饰符用于在逻辑上区分可以访问和不可以访问的内容。例如，在面向对象编程中，我们将对象的属性声明为私有，因为您永远不会直接访问这些属性。相反，您执行一个操作来修改或访问这些属性。这只是一个旧的编程范式。

我给我的学生举的例子是考虑一个真实世界的物体。以铅笔为例。我们定义了它的属性，然后说好吧，铅笔有长度、锐度和颜色。

长度、锐度和颜色这些属性中的每一个都将以修饰符 private 开头，因为我们永远无法神奇地更改这些属性。如果我们将它们设为公共属性，我们可以这样做：

pencil.color = "blue";

突然我们的铅笔是蓝色的。但我们不知道我们是如何来到这里的，也不知道为什么。这是自发的铅笔颜色变化。我们忽略了达到这一点所需的过程或功能或方法。

因此，在一个非常基本的层面上，我们获取或设置铅笔的颜色。这是另一个古老的面向对象范例，阅读：getter 和 setter（这是一个完全不同的讨论）。然后这些函数将被声明为public，因为它们代表了对象可以执行或已经执行的操作。这样，如果您想在代码中的其他位置将所有铅笔都涂成蓝色，您可以这样做：

List<Pencil> my_pencils = pencilFairy.producePencils();
    for(Pencil p : my_pencils){
        p.paint("Blue");    
    }

这样，对于我们称之为 p 的每一支铅笔（我们从 pencilFairy 最近生产的产品中获得），我们希望将铅笔涂成蓝色。然后在 Pencil 类中，定义如何绘制铅笔所需的逻辑。

TLDR;您使用 private 来定义某些东西的属性，因为该对象之外的东西不应该能够神秘地和神奇地修改这些属性，并且您使用 public 来定义可以在该对象上/由/对该对象执行的函数或方法，以及这些操作可以修改这些属性或根据这些属性返回一些其他信息等。

编辑：重读这个问题，我相信你已经知道大部分内容了。只是提供我对如何决定何时何地应该公开/私有的热门看法。