#视频主旨： vue.js 1 官网讲解 注：vue.js 2 如果公布且官网有2.0版，此站会暂停更新(因为 vue.js 1,将被作废)，所以会另建 vue.js 2 官网讲解(反正我也会任性，要作废的东西，不会讲解教学)。
[youtube vue.js 教学视频区] (https://www.youtube.com/playlist?list=PLxrdGdTjEw4S51aOvZGOJ-JCeCky2I2H-)
[百度云 vue.js 教学视频区] (http://pan.baidu.com/share/home?uk=3515901940#category/type=0)
#视频的目的
网路上有很多 VUE 综合应用的视频，但大部份的视频 ，都当你已经了解官网 所以讲的节奏难免偏快。 此视频，以官网为重，将官网的观念，以视频搭配代码，实际演示。 如果官网有看不懂的地方，比对一下，视频跟代码，就会了解了。 减少你摸索的时间。
2.讲解起步
3.概述
4.vue-实例
5.数据绑定语法
6.计算属性
8.条件渲染
9.列表渲染
10.方法与事件处理
11.表单控件与绑定
12.过渡
13.组件第一篇
13.组件第二篇
13.[组件第三篇] (https://github.com/bhnddowinf/vuejs-learn#13-组件第三篇)
#**小凡
目前在**的中小企业
担任资讯研发部副理
专长：
1.云端伺服器建置
2.网站开发
3.企业资源规划系统
手机：0922-731455
#豪哥的QQ群 小弟在**有一个爱好前端的朋友，网名：豪情，不断贡献自已的知识分享最先进的前端资讯，带领着很多人学习前端。
小弟有幸能结交豪哥，以下是**最专业的前端群
- Vuejs 364912432
- Angularjs 238251402
- React 530415177
- Nodejs 422910907
- PHP高级开发 132984819
- JAVA高级开发 145381037
- 移动微信前端开发 148257606
- 前端开发跳板群 492107297
仅供参考
随著官网更新, 因为尤雨溪大神，不断努力改良 vue.js , 所以 小凡讲解的章节，太旧时，会重新再讲解一次(不过备课作视频真的很花时间，不会马上跟进)
http://i.youku.com/u/UMzQxOTE4MDE5Mg==
注：优酷视频专区，上传不易，自计算属性(006)以后章节之视频，以百度云为主(上传较快)。
##01.什么是 vuejs
简介：介绍 vue.js 是什么。
https://www.youtube.com/watch?v=IunxMtYWVLM&feature=youtu.be
https://pan.baidu.com/s/1hsay65A
##02.讲解起步
简介：怎么样开始使用 vue.js
https://www.youtube.com/watch?v=avMPdV0avok&feature=youtu.be
https://pan.baidu.com/s/1gfFHZVH
-
[vue.js 简单结构] (http://codepen.io/bhnddowinf/pen/EKNEPd)
-
[使用文字框] (http://codepen.io/bhnddowinf/pen/QNGmKM)
-
[反转字串，按钮操作数据] (http://codepen.io/bhnddowinf/pen/KzNoay)
##03.概述
简介：讲解 vue.js 两个功能，响应式的数据绑定，组合的视图组件
http://pan.baidu.com/s/1c1VNwFu
-
[响应式数据绑定] (https://github.com/bhnddowinf/vuejs-learn/blob/master/03/001%20Reactive%20data%20binding%20demo.html)
-
[两栏式] (https://github.com/bhnddowinf/vuejs-learn/blob/master/03/004%20%E4%B8%A4%E6%A0%8F%E5%BC%8F.html)
-
[两栏式与 vue] (https://github.com/bhnddowinf/vuejs-learn/blob/master/03/005%20%E4%B8%A4%E6%A0%8F%E5%BC%8F%E4%B8%8E%20vue.html)
简介：从构造器，建立 vue.js 的实例，而这个实例，有所谓的状态回调（实例生命周期），可以依业务撰写代码。
https://pan.baidu.com/s/1c5IOBO
3.属性与方法 Properties and Methods
4.属性与方法 Properties and Methods 2
简介：vue.js 从 model 层，调出资料至 view 层显示以及交互。
https://www.youtube.com/watch?v=K-T_i7X4lrY&feature=youtu.be
http://v.youku.com/v_show/id_XMTUxMzU3NzcwOA==.html
https://pan.baidu.com/s/1bpFkmIz
2.Raw Html
3.partial
8.Java Script Expressons error
9.filters
10.filter 传参
11.filter 串联
12.filter 自定义
13.指令
14.指令 参数
15.指令 事件
16.指令 修饰符
简介：将 model 层的资料，依 js 表达式，呈现业务逻辑。
https://pan.baidu.com/s/1kVNbzZh
-
[计算属性基本] (https://github.com/bhnddowinf/vuejs-learn/blob/master/06/001%20Computed%20Properties%20Basic.html)
简介：vue.js 对于 css ，如何轻便使用 class, style 。
https://pan.baidu.com/s/1bDAgZ8
1.绑定html class, BindingHtmlClasses
7.数组与对象语法，multiple conditional classes
8.绑定内联样式，binding inline styles
9.[绑定物件，binding object] (https://github.com/bhnddowinf/vuejs-learn/blob/master/07/008%20BindingObject.html)
11.数组语法，multiple style objects
简介：v-if, v-show 观念或使用。
https://pan.baidu.com/s/1kVNbzZT
1.v-if
2.template
3.v-show
4.v-else
简介：遍历 model
https://pan.baidu.com/s/1skBdGdv
1.v-for
2.v-for1
3.[v-for temlpalte] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/03%20v-for%20template.html)
4.[Mutation Methods] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/04%20Mutation%20Methods.html)
5.[05 Replacing an Array.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/05%20Replacing%20an%20Array.html)
7.[07 trackbyindex.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/07%20trackbyindex.html)
8.[08 cavest.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/08%20cavest.html)
11.[11 range v-for.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/09/11%20range%20v-for.html)
简介：事件执行方法
https://pan.baidu.com/s/1bFBZoM
2.02 InlineStatementHandler.html
简介：表单元素与双向绑定 model
https://pan.baidu.com/s/1qYd5Y5e
1.[textbox] (https://github.com/bhnddowinf/vuejs-learn/blob/master/11/01%20text.html)
2.checked
4.[radio] (https://github.com/bhnddowinf/vuejs-learn/blob/master/11/04%20radio.html)
5.select
6.select 1
7.select 2
9.checkbox
10.radio
12.lazy
13.number
14.debounce
简介：css 动画与 vuejs
https://pan.baidu.com/s/1nvpNxED
4.custom transition classes animation
https://pan.baidu.com/s/1slHz9yX
1.is.html
4.[replace.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/03%20replace.html)
6.[Registration Sugar.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/05%20Registration%20Sugar.html)
7.06 shared across all instances.html
8.07 shared across all instances 1.html
9.08 shared across all instances 2.html
10.09 Component Option Caveats el.html
11.10 is1.html
12.[11 use x-template.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/11%20use%20x-template.html)
13.[12 use template.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/12%20use%20template.html)
15.[14 use table tbody.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/14%20use%20table%20tbody.html)
百度云，直接下载 http://pan.baidu.com/s/1bp0rrOz
1.2-1 passing data with props.html
http://pan.baidu.com/s/1jHOjCSQ
2.[3-2 Custom Events.html] (https://github.com/bhnddowinf/vuejs-learn/blob/master/13/3-2%20Custom%20Events.html)
4.3-4 Child Component Refs.html
小弟想把 vue.js 教学的视频，做的更好 但现实上，这需要很多的时间以及家人的支持
→→→→[请大力的鼓励作者] (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=77E3EEHBD3N5C)
