【Vue】我的第一个组件

文章目录


项目简介

  1. 项目根目录中的index.html是项目的入口文件
    在这里插入图片描述

  2. 加载index.html,vite解析。指向的src下的ts文件或者js文件
    在这里插入图片描述

  3. 最后通过vue3的createApp函数创建一个应用,并挂载到指定div下
    在这里插入图片描述

  4. App.vue结构说明
    特别注意:script脚本内,推荐使用setup语法糖(组合式API)。使用ts语法
    使用setup语法糖优势有:
    1.更少的样板内容,更简洁的代码。
    2.能够使用纯 TypeScript 声明 props 和自定义事件。
    3.更好的运行时性能 (其模板会被编译成同一作用域内的渲染函数,避免了渲染上下文代理对象)。
    4.更好的 IDE 类型推导性能 (减少了语言服务器从代码中抽取类型的工作)。

在这里插入图片描述

b站视频讲解:剪辑中…

踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下

📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管

📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管

📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网

📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn

🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545

👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!

如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教

相关推荐

  1. 第一python web 网站

    2024-04-09 04:12:02       24 阅读
  2. 写你第一Vue程序

    2024-04-09 04:12:02       43 阅读
  3. 04 开发第一组件

    2024-04-09 04:12:02       37 阅读
  4. 第一篇博客

    2024-04-09 04:12:02       43 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-09 04:12:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-09 04:12:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-09 04:12:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-09 04:12:02       20 阅读

热门阅读

  1. 精通并发【基础原理研究一】:Final

    2024-04-09 04:12:02       14 阅读
  2. Python世界之错误和异常

    2024-04-09 04:12:02       14 阅读
  3. js str字符串和arr数组互相转换

    2024-04-09 04:12:02       16 阅读
  4. HBase高并发机制

    2024-04-09 04:12:02       18 阅读