VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生(2)
2020/3/11 11:01:29
本文主要是介绍VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生(2),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1 Vue 数据一览
统计截止:2020-03-10
vuejs/vue 项目 Github Stars:
159k
,排行 JavaScript 语言类第2名
vuejs/vue 项目 尤大 自 2016年以来 commits 次数:
53w+
,90% 代码出自他手,简直是劳模vuejs 仓库总共有
108
个工程,生态完善vuejs 所有项目参与开发者:21人,全职人员应该不多
使用 vue 开发的项目,无数!
2 Vue 核心卖点
vue 上手容易
vue 生态丰富完整
vue 文档清晰明了
3 Vue 高效开发
Vue 只所以能成功,容易上手是最大的因素。
就拿许多搞 java 的童鞋来说,他们还停留在 jQuery 时代。
3.1 5分钟看到效果
你只要稍微告诉他下,5分钟就可以上手,这就是优势:
安装 Node 环境
安装 Vue Cli 脚手架
npm install -g @vue/cli
创建一个新工程
vue create my-project
一直回车 Enter
打开浏览器访问
对于新手,当他第一眼能看到界面效果,那种激动之情,溢于言表。
3.2 强大的 .vue 组件
<template> </template> <script> export default { } </script> <style scoped> </style>复制代码
3.3 优秀的 Options 设计
Options 数据
data
props
computed
methods
watch
Options Dom
el
template
render
Options 生命周期钩子
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed
Options 资源
directives
filters
components
Options 组合
parent
mixins
extends
provide / inject
4 Vue 生态体系
以下是 Vue 生态中的基础能力:
4.1 Vue Cli 快速起步
快速创建一个 vue 项目
4.2 Vue Devtools 方便调试
Chrome/FF 的浏览器插件,方便调试 vue 项目
4.3 Vue Router 配置路由
vue 项目菜单路由配置
4.4 Vuex 管理数据
通过 vuex 轻松管理数据,组件之间共享数据
4.5 Vue SSR 服务端渲染
服务端渲染,提高效率,提升体验,优化SEO
以上基础能力就相当于当年的 jQuery 一样,只是针对 JavaScript 层面的。而一个完整的页面,需要的三驾马车,还缺失 Html 和 Css,所以还需要有类似于 Bootstrap 类似的组件库。
以下是 Vue 生态中的优秀的 UI 组件库:
4.6 Element UI 桌面端UI
一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Github Stars:44.1k
4.7 View UI 桌面端UI
一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品
Github Stars:1.2k
(由 iview 改名为 view ui,仓库变更,可能没包含旧 iview 的 stars)
4.8 Vant 移动端UI
轻量、可靠的移动端 Vue 组件库
Github Stars:12.9k
Vue 的生态体系远不止以上提到的几个大件,还有包括:Babel 的 vue 插件、Webpack 的 vue 插件 等等,当你构建一个项目时到后期时可能都会用到。
什么是成熟的生态体系?就是你项目中遇到的问题,基本都有人遇到过了,而且基本都有解决办法!这也就是 vue 2.x 成熟的地方了。
当然,牛逼不能吹的太大,不是所有的问题 vue 都能解决,这也就是接下来会有的 vue3.x
5 Vue 文档中心
不可否认的一点,Vue 的文档内容清晰,排版合理,细致周到。
要我说 Vue 文档最让我满意的一点:中文文档
作为对比,大家可以看看 Nodejs 的 ORM 库 Sequelize
的 API,简直无力吐槽。
5.1 入门教程
5.2 API查阅
5.3 最佳实践
5.4 经验之谈
当然,除了以上几个比较正式的文档地址外,还有一些相关文档,但是上手门槛比较高(英文):
5.5 Vue RFCs
Vue 的请求建议稿仓库,所有需要民调的,尤大都会在这里发布,比如:Vue3.x
的一些新特性。
5.6 Vue School
一个国外的 Vue 博客,内容很新,更新很及时。博客的维护者,都是行业专家, Vue 核心开发人员。
6 Vue Conf 布道
Vue Conf,Vue Conference 的简称,即:Vue 大会。
从2017年开始,截止目前 Vue 大会已经在中国开展了3次,国外也有多次。
不得不佩服尤大的精力和执行力!一个贡献了 Vue 90% 的前端开发工程师,还要天南海北的跑演讲,增加影响力!
前端开发中,最懂产品的
前端开发中,最会营销的
以下是国内的3次 Vue Conf 资料:
(本文完)
这篇关于VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生(2)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南