一、怎么看文档很重要
在学习新的技术时,学会看官方文档非常重要,这样就不会成为一个面向百度编程的工程师。同时Vue由国内作者开发,并且配备了完整的中文文档,对于初学者来说非常友好。
Vue官网默认已经是Vue3的文档,目前我们的项目还是使用Vue2,所以这里还是学习Vue2的文档,可以通过官网 首页 -> 文档 -> Vue2 文档 这个入口进入Vue2查看Vue2文档。
熟悉文档结构可以有效的帮助我们查找资料,接下来我们一下学习文档结构。
二、Vue官方文档介绍
打开官网后右上角的导航栏如下,其中经常用的模块包括 学习、生态系统、资源列表,另外也可以通过关键字查找相关资料。
1. 学习
展开学习菜单,里面包括了两个经常用的菜单 教程和 API。
- 教程里一步一步教会我们怎么使用Vue,包括了Vue的语法、组件化开发等等。
- API中列出了Vue中可用的API,譬如我们常用的
生命周期钩子、实例方法、指令、内置组件等,这是一本字典,我们不可能把所有API都记下来,所有会经常翻阅。 - 风格指南:风格指南中包含了A、B、C、D、四个级别,也分别给出了正例和反例。
- 优先级 A:必要的
- 优先级 B:强烈推荐
- 优先级 C:推荐
- 优先级 D:谨慎使用
- 示例中包含了一些完整的例子,譬如 TodoMVC,可以跟着开发一个。
- Cookbook中包含了一下Vue编码技巧。
2. 生态系统
生态系统中两个重要的部分工具和核心插件。
- 工具
- Devtools:Devtools 是一个浏览器插件,可以实时查看Vue实例中的状态,方便我们调试程序。
- Vue CLI:CLI 是一个脚手架,可以通过
vue create创建一个新的项目,通过vue ui使用图形界面来管理项目。 - Vue Loader:我们写的
.Vue.less文件浏览器是认不了的,要通过一个中间人转换成浏览器认识的html、css,这就是Vue Loader要做的事。
- 核心插件
- Vue Router:当我们的应用比较复杂的时候,借助Vue Router可以让结构变得清晰,页面间的切换更方便。
- Vuex:Vuex 有效得解决了组件间传值的问题,在Vue3中已经被pina代替。
- Vue 服务端渲染:为了更好的支持SEO,就要用到服务端渲染,就可以参考这里。
3. 资源列表
资源列表中的 Awesome Vue 包含了各种好用的Vue轮子,譬如常用的ECharts等等,这些都是Vue官方推荐的。同时也包含了一些视频资源。