程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2023-06(1)

尤雨溪在VueConf上关于Vue3的进展速览

发布于2021-05-30 12:34     阅读(1544)     评论(0)     点赞(4)     收藏(4)


尤雨溪在VueConf上关于Vue3的进展速览

在这里插入图片描述
1,数据

  • 主要公布了devtools和vue3的npm下载量增长统计,其中devtools增长43%,npm下载增长51%。 可见增长势头之猛

2,生态进展

  • vue-router4已稳定
  • vuex4已稳定
  • 组件库:quarsar,element-plus,ant design
    vue等,其中只有antdv是正式版,其他处于beta状态;

3,开发体验

  • 构建工具:没有悬念,尤大强力推荐vite
  • vite:主要介绍特性、插件机制和ssr进度
    在这里插入图片描述
  • 关于脚手架vue-cli和vite之间关系,暂时并存,未来将会主推vite。
    在这里插入图片描述
  • 推了一把VitePress,主要是开发体验好,有博客需求的朋友可以试试。
    在这里插入图片描述
  • 开发体验改进
  • 改善SFC书写体验:主要是两个rfc,分别是setup script和CSS style injection
    在这里插入图片描述
  • setup script:主要简化SFC中使用Composition API体验,最终版把之前争议比较大的ref sugar去掉了。
  • 尤大演示了setup script能够如何帮助我们简化组件编写:
<template>
	<p>{{counter}}</p>
  <Comp></Comp>
</template>
<script setup>
  import Comp from './Comp.vue'
  import {ref} from 'vue'
  const counter = ref(0)
</script>
  • 推荐了一款体验页面:vue sfc
    在这里插入图片描述
  • style动态变量注入:在style标签中使用响应式数据,很秀
    在这里插入图片描述
    在这里插入图片描述
  • devtools:同时支持两个版本,UI优化和性能调试,等vuex支持后会比较实用。
    在这里插入图片描述
  • 更好的IDE/TS支持:Volar会是一个非常实用的工具,可以提供模板中的代码提示功能,可提供tsx相同体验,终于等到你!
    在这里插入图片描述
  • vetur替代者
    在这里插入图片描述
    4,兼容性相关
  • IE11彻底被vue3抛弃
    在这里插入图片描述
  • vite+vue3默认现代模式,即输出目标ES6+,native ES modules;当然可以通过插件输出传统包。
    在这里插入图片描述
  • Vue3迁移版:这是一个马甲版本,会是vue3.1的部分代码,披着vue3壳,实际是vue2内核,可以理解为用vue3编码方式写vue2!
    在这里插入图片描述
  • Vue3.2:下一个小版本,主要最终确定script setup等SFC特性、Suspense组件/async setup、性能、ssr等
    在这里插入图片描述
  • vue2.7:内置composition api的vue2版本
    在这里插入图片描述
  • vue3迁移版就是vue2.7?
    在这里插入图片描述
  • vue3将成为默认版本:vue2将在2021年Q2成为过去时,默认将安装v3
    在这里插入图片描述
    这就是大概内容

原文链接:https://blog.csdn.net/weixin_44255044/article/details/117292449




所属网站分类: 技术文章 > 博客

作者:大师兄

链接:http://www.qianduanheidong.com/blog/article/115989/945d3c3c001c75bd8336/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

4 0
收藏该文
已收藏

评论内容:(最多支持255个字符)