怎么高效学习vue源码教程_vue开发视频教程

文章目录：

• 1、如何学习vuejs
• 2、vue怎么学习（网营作业）？
• 3、解析如何学习Vue框架快速入门

如何学习vuejs

最近VueJs确实火了一把，自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章新手向：Vue 2.0 的建议学习顺序百度vuejs搜索的是vue1的文档，推荐大家直接上2.0,毕竟1和2还是有区别的。vue2.0文档地址Vue2.0Vue基础对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令和语法。vue的生命周期很重要，了解这点以后可以免去很多问题。学完这些可以做一些练手的小项目，比如万年不变的todolist。。。现在可以开始学习使用vue-cli构件项目了，学习组件化之前，推荐先看一下es6关于模块的介绍。阮一峰《ECMAScript6》 Module光会这些还是不够的，还得会一些npm基础，知道如何用git-bash来安装依赖，会一些常用的命令。这方面的知识可以参阅npm入门文档看完这些就可以试着将之前的写的demo用搭建的vue-cli来实现。附上我写的一个入门小demovue-demo-search多看看组件那里，看看如何在vue-cli中怎么实现组件化，说白了，vue玩的就是组件。到这里vue基础篇就结束了。你还可以有条件的参阅剩下的官方文档里面的进阶篇，如果时间有限，就直接进入vue-router Vue-router和之前一样，推荐直接用html+js过一遍文档对路由导航钩子得好好看一看。看完文档就可以上手vue-cli，一般新手在这几天都会死活跑不出来。偷笑最直接的方法就是去github上搜一些关于vue-router2.0的demo，看如何构件路由，如何构件项目目录。我这里有一个传送门如果能跑出来，就可以做一些小项目了，比如写一个知乎日报啊偷笑，这些demo在github上很多。可以结合一些组件库写demo，这样可以更加了解组件化。比如饿了么团队的Element、mint-ui Vuex什么是vuex？Vuex 是一个专门为 Vue.js 应用设计的 状态管理模型 + 库。它为应用内的所有组件提供集中式存储服务，其中的规则确保状态只能按预期方式变更。说白了就是控制应用的一些全局状态。状态改变了，对应的视图也会改变。在学习Vuex时，会有一些ES6特性，当遇到这些时，最好不要一带而过，去好好看一看这些es6特性。比如在学习Action时可以看看ES6新增的Promise和参数解构。实践的方法一样是先看别人别人写的代码，比如官方的购物车实例的应用结构。把之前写的demo优化一下，有些地方可以用用vuex。vuex主要是用来对不同组件间进行通信，它构建了一个Vue实例的全局数据与方法，这些数据与方法可以在该Vue实例的所有组件中getter与setter。

vue怎么学习（网营作业）？

Vue基础部分

第一章：内部指令

1.v-if v-else v-show

2.v-for指令 ：解决模板循环问题

3.v-text v-html

4.v-on：绑定事件监听器

5.v-model指令

6.v-bind 指令

7.v-pre v-cloak v-once

第二章：全局API

1.Vue.directive 自定义指令

2.Vue.extend构造器的延伸

3.Vue.set全局操作

4.Vue的生命周期（钩子函数）

5.Template 制作模版

6.Component 初识组件

7.Component 组件props 属性设置

8.Component 父子组件关系

第三章：选项

1.propsData Option 全局扩展的数据传递

2.computed Option 计算选项

3.Methods Option 方法选项

4.Watch 选项 监控数据

5.Mixins 混入选项操作

6.Extends Option 扩展选项

第四章：实例和内置组件

1.实例入门-实例属性

2.实例方法

3.实例事件

4.内置组件 -slot讲解

Vue全家桶部分

第五章：Vue-cli

1.Vue-cli安装和初始化

2.Vue-cli项目结构讲解

3.解读Vue-cli的模板

第六章：Vue-router

1.Vue-router入门

2.vue-router配置子路由

3.vue-router如何参数传递

4.单页面多路由区域操作

5.vue-router 利用url传递参数

6.vue-router 的重定向-redirect

7.alias别名的使用

8.路由的过渡动画

9.mode的设置和404页面的处理

10.路由中的钩子

11.编程式导航

第七章：Vuex

1.初出茅庐 来个小Demo

2.state访问状态对象

3.Mutations修改状态

4.getters计算过滤操作

5.actions异步修改状态

6.module模块组

解析如何学习Vue框架快速入门

Vue框架算是比较高级的框架，所以在使用过程中还需要JavaScript、JavaScript 2015、WebPack、NodeJS、npm、ESLint、JavaScript单元测试框架等其他知识和框架的使用方法。在学习Vue之前，最好先学习一下这些知识。由于Vue的中文文档比较完善，所以这里只介绍Vue框架的一些核心概念，详细的使用方法还得查看官方文档。

Vue的中文文档可以查看 。

Vue路由功能需要导入vue-router，它的中文文档可以查看 。

Vue的状态管理功能需要使用vuex，它的中文文档可以查看 。

如果需要更多Vue资料，可以查看awesome-vue，列举了很多Vue资源。

当然最简单和直接的还是看视频，到百度网盘上面搜索下，慕课网的vue2.0从基础到实践是我感觉非常好的一套视频，你对着做下，或者找个项目边做边学，能很快提高，另外iview是一个很不错的东西，等你学会了vue的基本应用，研究下iview封装好的component，就能作出很漂亮的网页了