🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## 使用 TypeScript 1. 声明 lang="ts" 后,该 vue 文件 import 进来的所有 vue 组件,均需要使用 ts 编写。 示例 ``` <script lang="ts"> // 仅展示需要修改的核心代码,完整代码请参考原来的组件。 import Vue from 'vue'; export default Vue.extend({ props: { type: { type: String, default: 'default' }, inverted: { type: Boolean, default: false }, text: { type: [String, Number], default: '' }, size: { type: String, default: 'normal' } }, computed: { setClass(): string { const classList: string[] = ['uni-badge-' + this.type, 'uni-badge-size-' + this.size]; if (this.inverted === true) { classList.push('uni-badge-inverted') } return classList.join(" ") } }, methods: { onClick() { this.$emit('click') } } }) </script> ```