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

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://www.xdnf.cn/news/4177.html

相关文章:

  • Banana Pi BPI-CM6 是一款八核 RISC-V 模块,兼容 Raspberry Pi CM 载板
  • 算法思想之深度优先搜索(DFS)、递归以及案例(最多能得到多少克黄金、精准核酸检测、最富裕的小家庭)
  • 【Redis篇】linux 7.6安装单机Redis7.0(参数优化详解)
  • Kotlin数据类在Android开发中的应用
  • Linux56 YUM源配置
  • 『Linux_网络』 基于状态机的Connect断线重连
  • 机器学习实操 第二部分 神经网路和深度学习 第13章 使用TensorFlow加载和预处理数据
  • 修改MySQL枚举类型添加‘location‘值
  • 什么是gitlab自动部署,怎么配置gitlab自动部署
  • 论文阅读笔记——ROBOGROUND: Robotic Manipulation with Grounded Vision-Language Priors
  • tinyrenderer笔记(中)
  • Debian系统上PostgreSQL15版本安装调试插件及DBeaver相应配置
  • Flink + Kafka 构建实时指标体系的实战方法论
  • 高防CDN、高防IP vs 高防服务器:核心优势与选型指南
  • Linux Input子系统与驱动开发实战
  • 【Python pass 语句】
  • 人工智能与智能合约:如何用AI优化区块链技术中的合约执行?
  • 基于docker使用showdoc搭建API开发文档服务器
  • Desfire Ev1\Ev2\Ev3卡DES\3K3DES\AES加解密读写VB.Net示例源码
  • 金升阳科技:配套AC/DC砖类电源的高性能滤波器
  • 信息增益详解
  • Matplotlib 饼图
  • 【mysql】常用命令
  • mac m2 安装 hbase
  • git的push.default配置详解
  • 深入理解高性能网络通信:从内核源码到云原生实践
  • Unity中Pico4开发 物体跟随手势模型进行移动
  • vue2 provide 后 inject 数据不是响应式的,不实时更新
  • NetSuite 常用类型Item对应Account异同
  • Spring MVC 如何自动将请求参数映射到 Controller 方法的参数对象(POJO)上?