javascript - 如果分配给不存在的 vue 数据属性，如何显示某种错误或警告？

Question

我正在使用vue进行前端开发，我有以下脚本:

<script>
import PostService from '../PostService';

export default {
  name: 'Post',
  data: function() {
    return {
      posts: [],
      text: ''
    };
  },

  methods: {
    async CreatePost() {
      await PostService.CreatePost(this.text);
      this.post = await PostService.GetPosts(); **//How to get error here?**
    }
  }
};
</script>

问题是我一直拼错东西(比如 post 而不是 posts)，但是 vue 没有显示任何类型的错误/警告，我怎样才能让 vue 检测到这个？

Answer 1

是的，这是棘手的部分，我相信没有办法检测到它。

我看到的唯一解决方案是将 Vue.js 与 TypeScript 结合使用，这将有助于尽早发现大量错误并显着提高应用程序代码的质量。