• cwang
    2021-10-22
    非常感谢大圣老师的讲解,让我对Vue3有了一些深刻理解。说起Vue2开发,我遇到最头疼的问题便是Option API,如文章所言,一个1000行的代码单页面,维护起来太困难了,经常是反复横跳。这导致的问题是,换一个人过来维护,所花费时间成本迅速增高,因此,我也非常期待Composition API的使用。 其次,项目大了以后,引用的模块也越来越多,导致编译调试需要等待很长的时间。如果再加上代码校验Eslint等,那运行前的编译就更长时间了。所以,我们一般都把Eslint给去掉了。那么此次的Vite,也是我非常期待的一个新工具。不过要真正使用起来,也要等vue3项目做起来以后了。 还有类型检查TS,以前我学习的是C#、网页知识也讲一些,C#本来就是强类型语言。当时老师还给我们说JS,说弱类型有多好,多方便。但显然项目大了以后,特别是生命周期长的项目,就变得特别不好维护。不禁感叹,用了这么多年弱类型语言,现在又回到强类型那边去了。 说完我的感受,我想制定一个Vue3源码阅读计划,就以老师的课程为起始点,把我带进门。但是前途的路不知道怎么样,为了阅读源码计划顺利,想请教下大圣老师,想要完成Vue3源码阅读,需要至少哪些底子呢?谢谢!
    展开

    作者回复: 你好,非常棒的分享, 像阅读完vue3源码的话,先把ts和es6学好,跟着专栏里的节奏先手写一个mini版,再去看实际的代码,会效率很高

    共 8 条评论
    49
  • Banbri
    2021-10-22
    使用 VS Code 开发的时候可以用 Todo Tree 插件在 data 返回的对象末尾和 methods 对象的末尾添加一个 TODO ,这样就可以迅速定位到 data 或者 methods 的末尾来添加变量 / 方法,解决了上下反复横跳的痛苦。 另:也可以使用 Bookmarks 插件在相应的位置添加书签,之后使用快捷键来实现迅速定位到 data / methods 的最下方。

    作者回复: 给你这个操作点赞,我确实没想过还可以这么玩,不过Composition还是有很多有点的,比如替代mixin

    共 8 条评论
    37
  • 人生如戏
    2021-10-24
    看了大圣老师的课程,感觉讲课思路挺好的,让人了解的很全面并且通俗易懂。nice~ 使用vue3开发项目简直不要太爽。项目更好维护,也提高了代码复用。唯一的就是公司不让用🙈

    作者回复: 公司不让用问题不大,学好了有的是好工作

    
    17
  • ll
    2021-10-22
    为大圣点个赞, 内容对我都很有启发,之前学过许多的前端和vue的知识,通过文章“闪回”,怎么说呢,就是“哦吼”的感觉,想通了。 这节题为新特性初探,实际也是对旧的回顾,因为不知旧何来新,这么一对比,收获很大。 另外composition API 和 react hooks 很相似,感觉现在框架发展的趋势是“解耦”,都在面向组合而非继承的方向走。

    作者回复: 很高兴对你有帮助,这个“哦吼”感觉你发了个语音 组合优于继承,是设计模式书里写好的最佳实践,现在框架在实践

    
    17
  • Mingy
    2021-10-24
    突然发现很多特性 react 早已实现,比如 custom render 对标 reconciler ,hostConfig, composition 对标 hooks,只是 mutable 和 inmutable 的区别

    作者回复: 是这样的,在整体的设计和工程体系来说,React一直都是领先的

    
    13
  • CondorHero
    2021-10-22
    Vue 2 的核心模块和历史遗留问题,我能想到还有一个: 根据 [Vue2 的生命周期图示](https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA) 当我 `new Vue` 的时候,同时不给 el 或 $mount 让组件挂载,这时,beforeCreate 和 Create 依然会被执行,不合理。 但在 Vue3 中,只有 CreateApp 然后立刻调用 mount API,才会进入生命周期执行流程,更加合理。

    作者回复: 赞 善于发现问题是进步的一个方式

    共 3 条评论
    10
  • ch3cknull
    2021-10-22
    组合式API 配合 VueUse 太香了

    作者回复: VueUse用户+1

    
    8
  • 肉球
    2021-10-22
    之前只是看了文档,感觉用起来不如VUE2习惯。。。

    作者回复: Vue2的option确实更符合直觉, composition api带来了更适合复杂组件组织代码的方式,可以多尝试尝试

    
    7
  • 铁脑壳壳
    2021-10-22
    学习vue3书籍和GitHub项目有没有好的推荐?

    作者回复: 现在还没有书籍,github的话我推荐naive-ui,element3,antd-vue等组件库学习

    
    7
  • 轩爷
    2021-10-22
    喜欢proxy,好处不言而喻。 实际开发中调试非常方便,ctrl+s,就可以瞬间看到效果,但是首次启动connect的时候也会慢一点。 这里有几个小问题: 1、我的首页有个setInterval用以显示时间,每次ctrl+s的时候都会重复new一个计时器 2、调试时间久一点,笔记本很烫,能明显听见风扇转,mac pro 3、生产打包vite依然用的rollup,分块、压缩后50s不到1分钟,期待esbuild,每次打包实在是不能忍。 另外,问问大圣,您更倾向于使用es6装饰器的开发方式,还是setup语法糖?😝

    作者回复: 总结的非常棒, 我更倾向于setup,官方推荐比较稳,而且装饰器的话需要配合class, 这个提案在rfc里面是被Vue团队废弃了

    
    5