分享更有价值
被信任是一种快乐

vue中ts文件怎么应用

文章页正文上

这篇文章主要介绍了vue中ts文件怎么应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue中ts文件怎么应用文章都会有所收获,下面我们一起来看看吧。 vue中ts是指typescript文件,typescript是js超集,它最主要做的一件事,就是数据类型验证;ts是微软开发的,适用于大型的项目开发,能使开发更加严谨。vue中TS的应用先生成配置文件设置终端监听tsconfig.json

{"compilerOptions":{
/*基本选项*/
"target":"es5",//指定ECMAScript目标版本:'ES3'(default),'ES5','ES2015','ES2016','ES2017',or'ESNEXT'
"module":"commonjs",//指定使用模块:'commonjs','amd','system','umd'or'es2015'
"lib":[],//指定要包含在编译中的库文件
"allowJs":true,//允许编译javascript文件
"checkJs":true,//报告javascript文件中的错误
"jsx":"preserve",//指定jsx代码的生成:'preserve','react-native',or'react'
"declaration":true,//生成相应的'.d.ts'文件
"sourceMap":true,//生成相应的'.map'文件
"outFile":"./",//将输出文件合并为一个文件
"outDir":"./",//指定输出目录
"rootDir":"./",//用来控制输出目录结构--outDir.
"removeComments":true,//删除编译后的所有的注释
"noEmit":true,//不生成输出文件
"importHelpers":true,//从tslib导入辅助工具函数
"isolatedModules":true,//将每个文件做为单独的模块(与'ts.transpileModule'类似).
/*严格的类型检查选项*/
"strict":true,//启用所有严格类型检查选项
"noImplicitAny":true,//在表达式和声明上有隐含的any类型时报错
"strictNullChecks":true,//启用严格的null检查
"noImplicitThis":true,//当this表达式值为any类型的时候,生成一个错误
"alwaysStrict":true,//以严格模式检查每个模块,并在每个文件里加入'usestrict'
/*额外的检查*/
"noUnusedLocals":true,//有未使用的变量时,抛出错误
"noUnusedParameters":true,//有未使用的参数时,抛出错误
"noImplicitReturns":true,//并不是所有函数里的代码都有返回值时,抛出错误
"noFallthroughCasesInSwitch":true,//报告switch语句的fallthrough错误。
/*模块解析选项*/
"moduleResolution":"node",//选择模块解析策略:'node'(Node.js)or'classic'(TypeScriptpre-1.6)
"baseUrl":"./",//用于解析非相对模块名称的基目录
"paths":{},//模块名到基于baseUrl免费云主机、域名的路径映射的列表
"rootDirs":[],//根文件夹列表,其组合内容表示项目运行时的结构内容
"typeRoots":[],//包含类型声明的文件列表
"types":[],//需要包含的类型声明文件名列表
"allowSyntheticDefaultImports":true,//允许从没有设置默认导出的模块中默认导入。
/*SourceMapOptions*/
"sourceRoot":"./",//指定调试器应该找到TypeScript文件而不是源文件的位置
"mapRoot":"./",//指定调试器应该找到映射文件而不是生成文件的位置
"inlineSourceMap":true,//生成单个soucemaps文件,而不是将sourcemaps生成不同的文件
"inlineSources":true,//将代码与sourcemaps生成到一个文件中,要求同时设置了--inlineSourceMap或--sourceMap属性
/*其他选项*/
"experimentalDecorators":true,//启用装饰器
"emitDecoratorMetadata":true//为装饰器提供元数据的支持
}}

注意:有的同学电脑运行有问题,powerShell 权限的问题NumberStringBooleanObjectArray元祖undefined枚举任意类型any无返回值有返回值类型任意类型定义参数类型默认参数可选参数publicprotectedprivate静态属性与静态方法

//抽象类必须要规定有名字能开(能跑)abstractclassCar{
//定义抽象属性
abstractnameCar:String//定义抽象的方法
abstractrun():String}//创建一个类去继承封装的抽象类classBMWextendsCar{
//实现(定义)抽象类中的成员的具体行为
nameCar:String
carAge:Number
constructor(){
super()
this.nameCar='大宝马'
this.carAge=10
}
//具体实现抽象类中方法
run():String{

return`${this.nameCar}跑起来了。。。。`
}
//创建一个停止的方法
stop():void{
console.log('爆胎了。。。。');

}}letbmw=newBMW()console.log('哈哈哈哈');console.log(bmw.run(),'宝马类');bmw.stop()

类的普通装饰器装饰器的传参属性装饰器方法装饰器一、父传子父组件子组件子组件父组件关于“vue中ts文件怎么应用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“vue中ts文件怎么应用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注云技术行业资讯频道。

相关推荐: jquery是脚本库吗

这篇文章主要介绍了jquery是脚本库吗的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery是脚本库吗文章都会有所收获,下面我们一起来看看吧。jquery是脚本库。jquery是一个简洁快速的javascript脚本库,可用…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册