Vue / TypeScript vue-class-component和typescript显式定义关键字,用于控制对类成员的访问

时间:2019-07-03 16:50:25

标签: typescript vue.js

我正在Vue项目中使用vue-class-component库。效果很好,我真的很喜欢以类组件样式构造单个文件组件。

我也正在将项目迁移到TypeScript。

例如,默认情况下,当您在Vue类组件中声明属性和方法时...


<style lang="ts">

import Vue from "vue";
import Component from 'vue-class-component';

@Component
export default class MyCoolComponent extends Vue {

  // data properties
  foo: string = 'Dipp'
  bar: string = 'Poof'

  // methods
  helloWorld(): void{
    console.log('Hello Stackoverflow!')
  }

}

</style>

  1. 默认情况下,默认情况下,数据属性foo bar和方法helloWorld()都是公共成员,因为否则我没有明确定义它们。是正确的吗?

  2. 如果#1是正确的,我决定将bar设置为private bar,我将如何看待实际情况?该属性是否也将扩展为Vue的其他单个文件组件不可访问?

对于如何使用vue-class-component和TypeScript将关键字成员与Vue结合使用,我有些困惑。

总而言之,在这种类型的设置中使用关键字时,显式定义(公用,专用等)关键字实际上是如何工作的?

0 个答案:

没有答案