- 类型提示:更智能的提示
- 编译时报错:还没运行代码就知道自己写错了
- 类型检查:无法点出错误的属性
1.用 JS 对象
export default { props:[], name:"", data(){ }..... }复制代码
- 用 TS 类
<script lang="ts"> import Vue from "vue"; import {Component} from "vue-property-decorator"; @Componet export default xxx from Vue{ xxx: string = 'hi'; @Prop(Number) xxx: number|undefined; xxx(){ } } <script>复制代码
- 用 JS 类(方法同ts但是推荐用第一种)
<script lang="js"> @Component export default class XXX extends Vue{ xxx = 'hi' } <script>复制代码