Типизированные компоненты в Vue.js, или как подружить Vue, TypeScript и Webpack

[valsaven]

Актуально. Спасибо.

[Kozack]

Вот пример от Nuxt.js

[StepanZharychev]

Что вас конкретно интересует в плане computed и пр.?

[paulgray]

Странно, у Вас стоит тэг «webpack 2», а конфиг в статье на первую версию

[StepanZharychev]

Если вы мне сможете сказать, чем должен отличать конфиг второго webpack, буду премного благодарен. Но увы документация говорит о том, что такая структура правильная. Да и использован в проекте-примере webpack 2.

[paulgray]

Первое что бросилось в глаза это старый ключ module.loaders вместо нового module.rules

[StepanZharychev]

Ну что же дельное замечание, тут стоит отметить, что пока webpack поддерживает и то, и другое, но в будущем loaders может уйти в deprecated, так что замечание в целом корректное.

[eshimischi]

Есть готовые решения для дополнительного изучения на вашу тему vue2+ts2, Vueify+ts2, Microsoft offisial template, Boilerplate, Vue-typed и тд

[edward_nsk]

Спасибо за полезный пример.

Если поддерживаете свой репозиторий на github в актуальном состоянии, то надо немного подправить hello.ts.

Компилятор TypeScript, вероятно, стал более привередливым и ругается на неинициализированную переменную message. Всё работает после модификации private message!: string;.