我在网上搜索了一个最简单的Vue示例.js+TypeScript设置.与"modern JavaScript stack"一样,这些教程中的大多数要么已经过时,尽管只是在几个月前编写的,要么取决于非常具体的设置.似乎没有通用的、可验证的例子可供借鉴.
以下是我考虑过的一些资源:
- https://vuejs.org/v2/guide/typescript.html
- https://herringtondarkholme.github.io/2016/10/03/vue2-ts2/
- http://www.mindissoftware.com/Vue-Sample-in-Typescript/
- https://medium.com/@hayavuk/setting-vue-up-for-typescript-goodness-a6ddc4072f4f
- https://johnpapa.net/vue-typescript/
- https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/
我使用的基本模板是使用所有默认选项运行vue-cli init webpack
提供的模板.由于这会产生大量代码,所以我不会将所有内容都粘贴到这里.如果需要一些具体的摘录,我很乐意更新这个问题.
官方的Vue.JS文档对于我的目的来说是无用的,因为它不考虑用SFCS来设置Typescript .我最近try 的是名单上的最后一个.我严格遵循了设置,但在npm run dev
分钟时遇到了以下错误:
[tsl] ERROR in /Users/[REDACTED]/ts-test/src/main.ts(12,3)
TS2345: Argument of type '{ el: string; router: any; template: string; components: { App: { name: string; }; }; }' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
Object literal may only specify known properties, and 'router' does not exist in type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
有人能解释一下为什么会发生这种情况,以及如何解决它吗?更好的是,我非常欢迎一个简洁、简单、循序渐进的示例,介绍如何建立一个工作的Vue.js+TypeScript配置和webpack
模板.
我已经成功地完成了几个在Vue生产环境中运行的客户项目.js与vanilla JavaScript结合使用,但此TypeScript工具与Vue结合使用.js把我搞糊涂了.