当前位置: 首页 > news >正文

vue3+ts学习!

今天学习一下vue3+ts技术!

vue3有两种创建方式

(1)vue-cli

(2)vite(官方推荐)

所以我用vite创建一个项目

直接在官网上面写一个这个!cmd执行完后,会让你输入项目名称

接下来选择一个ts语法,剩下的全不选,直接回车创建项目,然后,用vscode打开即可!

src最重要了!然后直接npm i,下载依赖,接着npm run dev,直接跑项目即可

我们现在开始剖析这个项目,首先我们看见index.html引入的是src目录下main.ts这个文件!

接着我们进入main.ts文件createApp就是创建一个应用,App就是一个根组件,也就是说,我们引入别的组件的时候,都需要在app.vue里面引入一下!createApp(App)这个就是把根放进去!创建一个App!然后.mount(‘#app’)也就是将App挂载一下,也就是在index.html里面摆放的位置!

接着说一下App.vue是跟组件,然后components这个组件的文件夹里面放的就是叶组件哈哈哈哈!其实src里面必不可少的两个文件就是App.vue和main.ts这俩文件!我把src删了,然后重新创建文件,然后新建一个src,main.ts,和App.vue,直接启动项目!没东西,哈哈哈因为你的main.ts里面没东西,所以我们开始写!

启动项目,写点东西

相关文章:

  • 【redis】redis 手动切换主从
  • linux redis 设置密码以及redis拓展
  • WiFi那些事儿(八)——802.11n
  • 本地运行qwen3:30b-a3b速度测试
  • HTML8:媒体元素
  • 如何通过外网访问内网?对比5个简单的局域网让互联网连接方案
  • UE5 使用插件进行Audio2face和UE5的实时链接并实时输出嘴型
  • 生成式 AI:从工具革命到智能体觉醒,2025 年的质变与突破
  • Python企业级MySQL数据库开发实战指南
  • Factorio 异星工厂 [DLC 解锁] [Steam] [Windows SteamOS]
  • 第十五届蓝桥杯单片机国赛-串口解析
  • 欧拉计划 Project Euler65(e的有理逼近)题解
  • mujoco仿真器学习笔记
  • 端口安全基本配置
  • 招标专家随机抽选——设计讲解—未来之窗智能编程——仙盟创梦IDE
  • 12.模方ModelFun工具-立面修整
  • 如何在使用 docker-compose 命令时指定 COMPOSE_PROJECT_NAME ?
  • 认识Grafana及其面板(Panel)
  • 手机携号转网查询,一键查看号码是否可转网!
  • 实现滑动选择器从离散型的数组中选择
  • 轿车追尾半挂车致3死1伤,事故调查报告:司机过分依赖巡航系统
  • 专访|李沁云:精神分析不会告诉你“应该怎么做”,但是……
  • 央行行长详解降息:将通过利率自律机制引导商业银行相应下调存款利率
  • 金价大反攻,国内金饰价格涨回千元,能否重返巅峰?
  • 综合治理食品添加剂滥用问题,国务院食安办等六部门联合出手
  • 五一小长假上海“人从众”,全要素旅游交易总额超200亿元