【动力节点】杜老师Vue笔记第七章vue3

这篇具有很好参考价值的文章主要介绍了【动力节点】杜老师Vue笔记第七章vue3。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

7 Vue3

7.1 了解Vue3

  1. vue3官网地址
    1. https://cn.vuejs.org/
  2. vue3发布时间
    1. 2020年9月18日。

【动力节点】杜老师Vue笔记第七章vue3
翻译:
今天,我们很自豪地宣布Vue.js 3.0“海贼王”正式发布。这个新的主要版本的框架提供了改进的性能、更小的捆绑包大小、更好的TypeScript集成、用于处理大规模用例的新API,以及为框架未来的长期迭代奠定了坚实的基础。
3.0版本代表了两年多的开发工作,包括30多个RFC、2600多个提交、来自99个贡献者的628个拉取请求,以及核心回购之外的大量开发和文档工作。我们要向我们的团队成员表示最深切的感谢,感谢他们接受了这一挑战,感谢我们提出的撤回请求,感谢我们的赞助商和支持者提供的财政支持,感谢广大社区参与我们的设计讨论并为预发布版本提供反馈。Vue是一个为社区创建并由社区支持的独立项目,如果没有您的持续支持,Vue 3.0是不可能实现的。

  1. 版本迭代历史
    1. https://github.com/vuejs/core/releases
  2. vue3做了哪些改动
    1. 最核心的虚拟DOM算法进行了重写。
    2. 支持tree shaking:在前端的性能优化中,es6 推出了tree shaking机制,tree shaking就是当我们在项目中引入其他模块时,他会自动将我们用不到的代码,或者永远不会执行的代码摇掉
    3. 最核心的响应式由Object.defineProperty修改为Proxy实现。
    4. 更好的支持TS(Type Script:TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。)
  3. vue3比vue2好在哪
    1. 【动力节点】杜老师Vue笔记第七章vue3
    2. 翻译:
      1. 与Vue 2相比,Vue 3在捆绑包大小(通过树抖动可轻41%)、初始渲染(快55%)、更新(快133%)和内存使用(少54%)方面都有了显著的性能改进。
  4. Vue3的新特性
    1. 新的生命周期钩子
      1. 【动力节点】杜老师Vue笔记第七章vue3
    2. 键盘事件不再支持keyCode。例如:v-on:keyup.enter支持,v-on:keyup.13不支持。
    3. 组合式API(Composition API)
      1. 【动力节点】杜老师Vue笔记第七章vue3
    4. 新增了一些内置组件
      1. 【动力节点】杜老师Vue笔记第七章vue3
    5. data必须是一个函数。

7.2 Vue3工程的创建

7.2.1 vue-cli创建Vue3工程

  1. 创建Vue3版本的工程,要求vue-cli最低版本4.5.0
    1. 【动力节点】杜老师Vue笔记第七章vue3
    2. 可以使用以下命令升级你的脚手架版本
      1. npm install -g @vue-cli
  2. 创建Vue3工程
    1. vue create vue3_pro
  3. 启动工程
    1. 切换到工程根目录。
    2. npm run serve

7.2.2 vue-cli创建的vue3项目说明

  1. 目录结构以及文件和vue2相同。

【动力节点】杜老师Vue笔记第七章vue3

  1. main.js文件说明

【动力节点】杜老师Vue笔记第七章vue3

  1. 查看App.vue组件

【动力节点】杜老师Vue笔记第七章vue3
vue3中template标签下可以有多个根标签了。

7.2.3 create-vue创建Vue3工程

  1. create-vue是什么?
    1. 和vue-cli一样,也是一个脚手架。
    2. vue-cli创建的是webpack+vue项目的脚手架工具。
    3. create-vue创建的是vite+vue项目的脚手架工具。
    4. webpack和vite都是前端的构建工具。
  2. vite官网
    1. https://vitejs.cn/
  3. vite是什么?(vite被翻译为:快)
    1. vite是一个构建工具,作者尤雨溪。

【动力节点】杜老师Vue笔记第七章vue3

  1. 前端构建工具有哪些?

【动力节点】杜老师Vue笔记第七章vue3

  1. vite和传统构建工具的区别?
    1. https://cn.vitejs.dev/guide/why.html 官方的说辞。

【动力节点】杜老师Vue笔记第七章vue3文章来源地址https://www.toymoban.com/news/detail-445740.html

  1. 使用vite后,至少两方面是提升了:
    1. 服务器启动速度快。
    2. 更新速度快了。
  2. 使用create vue创建Vue3工程
    1. 官方指导:https://cn.vuejs.org/guide/quick-start.html
    2. 安装 create-vue脚手架并创建vue3项目

到了这里,关于【动力节点】杜老师Vue笔记第七章vue3的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 《Flink学习笔记》——第七章 处理函数

    为了让代码有更强大的表现力和易用性,Flink 本身提供了多层 API 在更底层,我们可以不定义任何具体的算子(比如 map,filter,或者 window),而只是提炼出一个统一的“处理”(process)操作——它是所有转换算子的一个概括性的表达,可以自定义处理逻辑,所以这一层接口

    2024年02月10日
    浏览(20)
  • python学习笔记:第七章面向对象

    与java类似,python作为一种面向对象的编程语言,也可以创建自定义的对象和类。 它的特性主要有:继承,封装,多态,方法,属性,超类 两者转换 每个类对应每个对象,下面有类变量 起到封装变量,封装函数,代码的作用 格式 实例化类,给类赋值 在创建对象时,就会被

    2024年02月13日
    浏览(16)
  • 【现代控制理论笔记】——第七章:稳定性

    1. 稳定性的概述 系统的稳定性分为基于输入输出描述的 外部稳定性 和基于状态空间描述的 内部稳定性 。 1.1 外部稳定性(BIBO稳定): 任何一个有界输入 u ( t ) u(t) u ( t ) ,对应的输出 y ( t ) y(t) y ( t ) 均有界。 ∣ ∣ u ( t ) ∣ ∣ ≤ β ∞ ||u(t)||leq betainfty ∣∣ u ( t ) ∣∣

    2024年01月22日
    浏览(15)
  • 《操作系统真象还原》学习笔记:第七章 中断

    由于 CPU 获知了计算机中发生的某些事,CPU 暂停正在执行的程序,转而去执行处理该事件的程序,当这段程序执行完毕后,CPU 继续执行刚才的程序。整个过程称为中断处理,也称为中断。 把中断按事件来源分类,来自CPU外部的中断就称为外部中断,来自CPU内部的中断就称为

    2024年02月11日
    浏览(20)
  • go 笔记 第七章 golang 的函数 func 方法

    声明函数 func 函数名(入参1 类型, 入参2 类型,… )(出参1 类型, 出参2 类型…){ 函数体,写逻辑 出参一定要全部 return, return 出参 } 函数内部不可以声明带名字的函数,可以声明匿名函数和自执行函数 函数名大写可以被其他包调用,小写私有,变量名也是一样 return 后面可以不

    2024年02月15日
    浏览(16)
  • 《Pytorch深度学习和图神经网络(卷 1)》学习笔记——第七章

    这一章内容有点丰富,多用了一些时间,实例就有四五个。 这章内容是真多啊!(学完之后又回到开头感叹) 将图像从基础像素到局部信息再到整体信息 即将图片由低级特征到高级特征进行逐级计算,逐级累计。 计算机中对图片的处理可以理解为离散微积分的过程。 利用

    2024年02月12日
    浏览(21)
  • 第七章金融中介

             金融中介是通过向资金盈余者发行 间接融资合约( 如存款单),并和资金短缺者达成 间接投资合约 (发放信贷)或购买其发行的证券,在资金供求方之间融通资金,对资金跨期、跨域进行优化配置的金融机构。         金融体系由金融市场和金融中介构成,以银行业为

    2024年02月04日
    浏览(16)
  • [JavaScript] 第七章 对象

    🌹作者主页:青花锁 🌹简介:Java领域优质创作者🏆、Java微服务架构公号作者😄 🌹简历模板、学习资料、面试题库、技术互助 🌹文末获取联系方式 📝 [Java项目实战] 介绍Java组件安装、使用;手写框架等 [Aws服务器实战] Aws Linux服务器上操作nginx、git、JDK、Vue等 [Java微服务

    2024年02月02日
    浏览(20)
  • 数据结构第七章

    图(Graph)G由两个集合V和E组成,记为G=(V, E),其中V是顶点的有穷非空集合,E是V中顶点偶对的有穷集合,这些顶点偶对称为边。V(G)和E(G)通常分别表示图G的顶点集合和边集合,E(G)可以为空集。若EG)为空,则图G只有顶点而没有边。 子图:假设有两个图G=(V,E)和G1=(V1,E1);如果V1

    2024年02月03日
    浏览(25)
  • python第七章(字典)

    一。字典(类型为dict)的特点: 1.符号为大括号 2.数据为键值对形式出现 3.各个键值对之间以逗号隔开 格式:str1={\\\'name\\\':\\\'Tom\\\'}  name相当于键值(key),Tom相当于值 二。空字典的创建方法 三。字典的基本操作(增删改查) 1.字典的增加操作:字典序列[key] = 值 注意点:如果存

    2024年01月24日
    浏览(20)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包