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文件,而不是将sourcema免费云主机域名ps生成不同的文件
"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文件怎么应用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: 怎么用uni-app制作小程序实现左右菜单联动效果

这篇文章主要介绍“怎么用uni-app制作小程序实现左右菜单联动效果”,在日常操作中,相信很多人在怎么用uni-app制作小程序实现左右菜单联动效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用uni-app制作小程序实现…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/08 17:03
下一篇 03/08 17:03

相关推荐