本篇将介绍如何用typescript和html开发vue,因为博主在主要开发angular,对于js文件和模板写在一起感觉很臃肿,而且方法都需要逗号分隔,变量声明也不友好。
所有翻山越岭,发现vue官方已经开发了对typescript的支持 vue-class-component
还有对@Prop
、@Emit
、@Inject
、@Model
、@Watch
等支持的 vue-property-decorator
但是@Component
不支持templateUrl
,所以用到了 vue-template-loader。
安装依赖
1 | npm i --save vue vue-class-component vue-property-decorator |
创建tsconfig.json
1 | // tsconfig.json |
常见webpack配置文件
1 | // webpack.conf.js |
添加声明文件
由于vue没有默认export Vue,所以需要在项目下自己声明,避免ts编译出错。
1 | // index.d.ts |
- 本文链接: https:https://whyour.cn/post/vue-typescript-html.html
- 最后更新于:
- 版权声明: 本博客所有文章除特别声明外,均采用 署名 4.0 国际(CC BY 4.0) 许可协议。转载请注明出处!
css文本背景动画
typescript中type和interface的区别