Vue.js and TypeScript: Working Together like Peanut Butter & Jelly
summary
Shows a step-by-step Vue CLI app scaffold that turns on TypeScript, adds Vuetify, and proves integration techniques: install @types or use DefinitelyTyped, handwrite .d.ts for lodash random, rename a JS plugin to .ts and run tsc --declaration to generate typings for a parallax plugin, and cast refs via a declared interface so VForm.validate compiles. Notes component-to-component prop types still slip through (JS runs fine). Vue CLI, DefinitelyTyped, tsc --declaration
AI-written summary · about
chapters (12)
- 0:00Introduction to Vue and TypeScript
- 3:34Scaffolding a Vue app
- 6:25What is TypeScript?
- 13:48TypeScript in Vue apps
- 18:23Integrating Vuetify with TypeScript
- 22:47Building a counter component
- 27:07Adding more components
- 30:03TypeScript and form validation
- 31:46Handling external libraries
- 37:14Adding parallax effects
- 42:44TypeScript strategies summary
- 45:12When to avoid TypeScript
related talks
29mVue & TypeScript Up and Running
31mVue 3 and Typescript
30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super to
44mVue 3: A Maturation of the Platform
29mTypescript + Vue @ Politico
20mTypeScript with Vue.js 3
47mReal and Scalable Applications with Nuxt, Vuex and Typescript
19mMigrating Your Nuxt/Vue App to TypeScript