【Vue3】 1.5 Vue3的官方文档(思路)

时间:2025-04-04 20:01:37

这套VUE3的学习笔记,到现在也没有正式进入节奏的原因

官方教程写的很详细,很好,但是有一个问题,就是无从下手,按照官网文档一步步操作下来是可以复现各种效果的,但是实际在开发过程中,所有的小伙伴都是拿构建工具 VUE CLI 或者是 Vite 之类的来直出项目,而直出的项目都是 SFC 的 单文件组件形式开发的。
而教程中对单文件组件开发又没有多提,而且还是放到了文档非常靠后的部分,这就造成Vue3的学习和生产脱节。学了很多知识,仍然无法下手。

明白很多道理,仍然过不好这一生。。。。

所以我决定,直接从SFC模式入手,重新理顺一下Vue3的文档的关键节点

单纯的SFC模式在Vue2中就已经使用了(早起VUE有没有不知道,没接触过),在VUE3中更让人头大的是还引入了Setup这个properties。让原本很多Vue2学的迷迷糊糊但是能干活的小伙伴,陷入了更加深重的迷糊当中。

这是因为 很多Vue的API 在 setup中和 普通的SFC中,是不一样的。像我这种并非一直沉浸在前端领域的程序员,没有长时间去关注这个领域的发展,就导致很多概念上的混淆,最终导致始终没法将Vue3引入到实际项目当中。

来总结一些必要的知识点

不严谨的说:Vue3 的升级主要在于提供了一个 带有 setup properties的 script标签

这一举动所带来的效果,使得之前学过Vue2的开发方式几乎被彻底颠覆了。但是其本质的开发逻辑和思维方式是没有太大改变的。
不管是Vue2 还是Vue3 大家都在说什么双向绑定虚拟DOM这些概念,对于开发人员来说,知道这些固然是好的,但是更应该关注的点应该是Components组件概念,组件才是Vue的核心

网上还有说Vue3 一切皆方法,这是Linux一切皆文件 JS 一切皆对象 这些说法的一个变种,文字游戏的一种。对于Vue3本身来说,这个说法也不是不对,但没啥意义,哪个库不是如此呢?库本身就是对外提供方法呗。没有方法,库的意义何在?我们真正要关注的,是Vue3的使用过程。对于Vue3的使用来说,其实就是不断地创建各种各样的Component,然后通过不断的import我们创建的 Component 来构建出一个能够完成一定功能的页面。而Vue本身所提供的各种方法,就是在服务于这众多的Component的。

对于开发者来说,Vue3 对Component的支持分为两个部分,一部分是数据、一部分是Dom 而,因为开发者真正需要关心的,无非就是数据的输入、计算、输出,而DOM部分,就是对于输出显示的控制。没有其它了。这也是什么MVVM啊 CVM啊 等等之类概念的本源。就计算机来说,其本质就是输入、计算、输出。完事儿,没有更多。Vue的所有方法,都是围绕数据输入、计算、输出服务的。

所谓的虚拟DOM输出的控制 响应式 双向绑定等等都是与数据的输出相关联的,还有就是API文档中指令的部分,完全都是针对输出层面的东西。脑子中先要有这些概念,然后学习Vue甚至是其它的语言、库啥的,才能事半功倍吧?

最后的计划

从下一篇开始,我会依照Vue3的官方教程,结合官方API文档,根据在 Script setup lang='ts' 的实际应用,来做一下记录。