当前位置: 首页 > 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里面没东西,所以我们开始写!

启动项目,写点东西


文章转载自:
http://carbonyl.hdqtgc.cn
http://boneless.hdqtgc.cn
http://calamographer.hdqtgc.cn
http://boshbok.hdqtgc.cn
http://agoraphobia.hdqtgc.cn
http://calculative.hdqtgc.cn
http://burbot.hdqtgc.cn
http://celanese.hdqtgc.cn
http://arachne.hdqtgc.cn
http://buhr.hdqtgc.cn
http://bnd.hdqtgc.cn
http://bichrome.hdqtgc.cn
http://black.hdqtgc.cn
http://backfill.hdqtgc.cn
http://adventurer.hdqtgc.cn
http://aal.hdqtgc.cn
http://amatol.hdqtgc.cn
http://arillate.hdqtgc.cn
http://catabolize.hdqtgc.cn
http://baptisia.hdqtgc.cn
http://burgher.hdqtgc.cn
http://bantingism.hdqtgc.cn
http://chromium.hdqtgc.cn
http://angleworm.hdqtgc.cn
http://airflow.hdqtgc.cn
http://bootprint.hdqtgc.cn
http://aerodontia.hdqtgc.cn
http://acuity.hdqtgc.cn
http://brachylogy.hdqtgc.cn
http://beachcomber.hdqtgc.cn
http://www.dtcms.com/a/174703.html

相关文章:

  • 【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)
  • 手机携号转网查询,一键查看号码是否可转网!
  • 实现滑动选择器从离散型的数组中选择
  • Vue Element UI 表单弹窗重置问题解决方案 —— 每次打开都初始化,告别残留提示!
  • Sublime PrettyJson 快捷键
  • Relay算子注册(在pytorch.py端调用)
  • 项目中为什么选择RabbitMQ
  • Ubuntu 22.04 安装配置远程桌面环境指南
  • Android 中解决 annotations 库多版本冲突问题
  • 从零搭建体育比分网站完整步骤
  • 高等数学第六章---定积分(§6.1元素法6.2定积分在几何上的应用1)
  • 【C++游戏引擎开发】第30篇:物理引擎(Bullet)—软体动力学系统
  • 【Linuc】深入理解 Linux 文件权限