让这个问题简洁明了。 TypeScript & Vue && vue-property-decorator 组合对应以下代码的哪个等效项？
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
【问题讨论】：
const app: any = new Vue({ el: '#app', data: { message: 'Hello Vue!' } as any } as any) as any。这应该可以解决问题。
标签： typescript vue.js vue-component
vue-property-decorator 旨在使用 TypeScript 中的类样式语法来增强 Vue 组件。有问题的代码不符合标准，因为它不是一个组件。假设您要转换此单文件组件中的脚本：
App.vue：
<script>
export default {
data() {
return {
message: 'Hello Vue!'
}
}
}
</script>
vue-property-decorator 的转换如下所示：
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class App extends Vue {
message = 'Hello Vue!'
}
</script>
安装根保持不变（vue-property-decorator 不会被使用）：
<!-- index.html -->
<body>
<div id="app"></div>
<script>
new Vue({
el: '#app'
});
</script>
</body>
我建议使用vue-cli 生成一个 TypeScript 项目（在提示中选择 TypeScript 预设和“类样式语法”）。
【讨论】：