首页 > 其他分享 >vue3引入ts以及js文件使用案例

vue3引入ts以及js文件使用案例

时间:2025-01-08 14:33:02浏览次数:1  
标签:src 文件 ts js vue3 true

ts:先确保项目正确集成TypeScript

添加tsconfig.json文件

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

编写一个用于测试的ts文件

就定义了一个静态方法,

 然后导入使用

 

js文件使用不做过多说明  ,截图如下

 

标签:src,文件,ts,js,vue3,true
From: https://www.cnblogs.com/qq376324789/p/18659641

相关文章

  • Memcached stats slabs 命令
    Memcachedstatsslabs命令Memcachedstatsslabs命令用于显示各个slab的信息,包括chunk的大小、数目、使用情况等。语法:statsslabs命令的基本语法格式如下:statsslabs实例statsslabsSTAT1:chunk_size96STAT1:chunks_per_page10922STAT1:total_pages1STAT......
  • 原生的Three.js Cesium.js的 开源案例 已获近1000Star
    纯原生threecesium案例由于前端得发展,three.js和cesium.js越来越被越来越多得前端接触到,由于其学习路线比较复杂,且官网案例覆盖不全,因此在今年我们共同搭建了一个免费得three和cesium案例学习平台,未来将免费逐步的更新案例。主要侧重于开发者的技术交流......
  • FileSystemManager.fstatSync
    StatsFileSystemManager.fstatSync(Objectobject)基础库2.16.1开始支持,低版本需做兼容处理。小程序插件:支持,需要小程序基础库版本不低于2.19.2微信鸿蒙OS版:支持相关文档:文件系统功能描述同步获取文件的状态信息参数Objectobject属性类型默认值必......
  • 记录一下uniapp vue3 mqtt app端的接入
    原生微信小程序MQTT.js可用版本有v4.2.1、v4.2.0、v4.1.0和v2.18.9npminstallmqtt@4.2.1||yarnaddmqtt@4.2.1使用uniapp框架搭建微信小程序MQTT.js可用版本有v4.1.0和v2.18.9npminstallmqtt@4.1.0||yarnaddmqtt@4.1.0app这里用npminstallm......
  • 前端学习openLayers配合vue3(面的绘制,至少三个点)
    我们学习了点和线的绘制,当然我们也可以绘制一个面关键代码,需要注意的一点就是面的绘制需要三维数组,线的绘制是个二维数组constpolygonLayer=newVectorLayer({source:newVectorSource(),});map.addLayer(polygonLayer);letfeature=newFeature({//......
  • 2025毕设springboot MBCTS溯源系统论文+源码
    系统程序文件列表开题报告内容研究背景在当今快速发展的食品与农产品行业中,确保产品的安全与品质已成为消费者最为关心的问题之一。随着供应链的不断延长和复杂化,从原材料种植到最终消费品送达消费者手中的每一个环节都可能成为食品安全风险的潜在来源。为了有效应对这一问......
  • 前端学习openLayers配合vue3(两个坐标之间线的绘制)
    上节我们学了点的绘制,今天我们来学习一下线的绘制关键代码constlineLayer=newVectorLayer({source:newVectorSource(),});map.addLayer(lineLayer);letfeature=newFeature({//北京到上海的经纬度geometry:newLineString([[116.46,39.92],......
  • JS实现 xml 转换 JSON 格式
    一、转换方法如下:functionxmlToJson(xml){constparser=newDOMParser();constxmlDoc=parser.parseFromString(xml,'application/xml');constjson=parseElement(xmlDoc.documentElement);returnJSON.stringify(json,null,2);}functionpar......
  • 【GreatSQL优化器-09】make_join_query_block
    【GreatSQL优化器-09】make_join_query_block一、make_join_query_block介绍GreatSQL优化器对于多张表join的连接顺序在前面的章节介绍过的best_access_path函数已经执行了,接着就是把where条件进行切割然后推给合适的表。这个过程就是由函数make_join_query_block来执行的。下......
  • Vue.js组件开发-如何动态更改图表类型
    Vue.js组件开发中,动态更改图表类型通常涉及到更新图表库的配置并重新渲染图表。如果使用的是ECharts,可以通过修改图表配置中的type属性来实现,并调用setOption方法来应用更改。示例:展示如何在Vue.js组件中动态更改ECharts图表类型:<template><div><divref="chart"st......