快捷搜索:  汽车  科技

vue3官方中文文档(拉开Vue3打怪升级的序章)

vue3官方中文文档(拉开Vue3打怪升级的序章)学习本教程之前你最好有的预备知识:当然学习一个框架之前,不管是什么类型的框架。都会有其需要的预备知识。没有预备知识学习框架可能让你的学习过程略显痛苦。所以,Vue.js也不例外。先说一下说Vue3是什么,Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。当然同类型的框架还有其他的本次主要先说Vue 一个以声明式(declarative)操作DOM的解决方案。还有一种就是命令式(imperative)的, 例如: JQuery。声明式是结果导向的, 命令式是过程导向的很多编程语言都有其身影,这里说的都是在前端的情况下来说

斗转星移,简单开篇。本次序章拉开了荧幕,让我们细细探讨。

本次教程使用版本为: Vue 3.2.x

本次教程的目的, 希望一个从零基础的人可以做出一些小产品出来。以达到学习的目的。还有另外一个目的就是, 不在大版本的迭代下,不让自己再去翻阅其余的帮助文档。看本系列教程即可。

vue3官方中文文档(拉开Vue3打怪升级的序章)(1)

Vue3框架

先说一下说Vue3是什么,

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。当然同类型的框架还有其他的本次主要先说Vue 一个以声明式(declarative)操作DOM的解决方案。还有一种就是命令式(imperative)的, 例如: JQuery。声明式是结果导向的, 命令式是过程导向的很多编程语言都有其身影,这里说的都是在前端的情况下来说, 对于编程语言来说也有类似的解释。具体为什么叫做声明式后续有详细的章节进行描述。当然技术学习无止境,后续有机会再来聊一聊其他的框架, 当然先做的是精通一门技术, 这样再去学习另外一门类似技术的时候, 你学起来才会事半功倍。对于其他的框架Vue.js的学习曲线比较平缓,而且非常易上手,并且有完善的官方文档。

为什么Vue.js被称为渐进式的框架, 主要也是因为它不要求你上来就必须用所有的功能, 可以按需使用。 比方说你之前已经有项目, 并不是进行组件化开发也不是前后分离,也非单页应用, 就可以针对这种情况先使用页面渲染,然后使用表单处理, 可以在新开发的功能上替代JQuery,切换使用起来后很丝滑,不会有任何的不适。

当然学习一个框架之前,不管是什么类型的框架。都会有其需要的预备知识。没有预备知识学习框架可能让你的学习过程略显痛苦。所以,Vue.js也不例外。

学习本教程之前你最好有的预备知识:

  • HTML
  • CSS
  • JavaScript
  • ES6(最好有点这个基础,更快地能够理解所有知识点,虽然他就是JavaScript。)

本次教程TODO:

基础篇:

  • 准备开发环境和调试环境
  • Vue.js 模版语法
  • Vue.js 指令
  • Vue.js 计算属性
  • Vue.js 监听器
  • Vue.js class和style绑定
  • Vue.js 表单绑定
  • Vue.js 组件,封装自己的组件库
  • Vue.js 组合API

进阶篇:

  • Vue CLI 构建工具
  • Vue Route路由
  • 使用axios与服务端通信
  • Vuex的状态管理
  • Vite构建工具

实践篇:

  • 服务器渲染 SSR
  • 完成一个真实案例并发布到生产环境中

原理篇:

  • Vue.js的响应式原理,理解问什么修改数据视图会自动更新
  • 虚拟DOM(Virtual DOM)的概念和原理
  • 模版编译原理,理解Vue.js的模版是如何生效的
  • Vue.js整体架构设计与项目结构
  • 深入理解Vue.js的生命周期,不同的生命周期钩子之前有什么区别,不同的生命周期之间Vue.js内部到底发生了什么
  • Vue.js提供的各种API的内部实现原理
  • 指令的实现原理
  • 过滤器的实现原理
  • Vue-route实现原理
  • Vuex实现原理
  • 使用Vue.js开发项目的最佳实践

轮子篇:

  • 针对以上的知识点,实现一个简化版的Vue.js

以上都是大概的目录,以上都是大概的目录,随着新手的进阶,世界地图将随时有新的任务。 会随着任务的过程中进行调整。

本次教程会参考很多来自网络的知识点。及大家所长,尽量做到由浅入深,而又不需要再次查询其他文档和知识点。

参考资料不仅限于以下说明:

官方文档:https://v3.cn.vuejs.org/

中文教程:https://v3.cn.vuejs.org/guide/introduction.html

Vue.js相关书籍和各种同行博客。

猜您喜欢: