我正在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>
默认情况下,默认情况下,数据属性foo
bar
和方法helloWorld()
都是公共成员,因为否则我没有明确定义它们。是正确的吗?
如果#1是正确的,我决定将bar
设置为private bar
,我将如何看待实际情况?该属性是否也将扩展为Vue
的其他单个文件组件不可访问?
对于如何使用vue-class-component
和TypeScript将关键字成员与Vue结合使用,我有些困惑。
总而言之,在这种类型的设置中使用关键字时,显式定义(公用,专用等)关键字实际上是如何工作的?