Skip to content

Commit 4eeebc8

Browse files
bhnddowinfbhnddowinf
committed
U
1 parent a83daa3 commit 4eeebc8

File tree

1 file changed

+94
-104
lines changed

1 file changed

+94
-104
lines changed

‎readme.md

Lines changed: 94 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -14,81 +14,130 @@ vue.js 2 官网讲解(以下是自我要求，小凡，不要你花时间在 看
1414

1515
6.百度云上传有所管制(锁1g，锁 影片)。
1616

17+
# 豪哥的QQ群
18+
19+
- 小弟在互联网有一个爱好前端的朋友，网名：豪情，不断贡献自已的知识分享最先进的前端资讯，带领着很多人学习前端。
20+
21+
- 小弟有幸能结交豪哥，以下是中国最专业的前端群, 仅供参考.
22+
23+
> * vuejs 364912432
24+
> * Angularjs 238251402
25+
> * React 530415177
26+
> * Nodejs 422910907
27+
> * JAVA高级开发群 145381037
28+
> * Python技术交流 130705066
29+
> * Hybrid App交流群 498173484
30+
> * PHP技术交流群 82254462
31+
> * UI设计么么哒群 321173051
32+
> * Go语言技术交流群 336195657
33+
> * ASP.NET C#技术交流群 461614624
34+
> * 安卓IOS混合开发群 415074410
35+
36+
37+
38+
39+
#台湾小凡
40+
41+
![](https://github.com/bhnddowinf/vuejs2-learn/blob/master/me.jpeg?raw=true)
42+
43+
1. 目前在台湾的中小企业
44+
2. 担任资讯研发部副理
45+
3. 手机：0922-731455
46+
4. 信箱：bhnddowinf@yahoo.com.tw
47+
48+
## 台湾小凡的专长：
49+
50+
1. 云端伺服器建置
51+
2. 网站开发
52+
3. 企业资源规划系统
53+
54+
55+
## License
56+
57+
[MIT](http://opensource.org/licenses/MIT)
58+
59+
## Donate
60+
61+
小弟想把 vue.js 教学的视频，做的更好
62+
但现实上，这需要很多的时间以及家人的支持
63+
64+
[请大力的鼓励作者] (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=77E3EEHBD3N5C)
65+
66+
![](https://github.com/bhnddowinf/vuejs-learn/blob/master/03/wechat_qrcode.png)
67+
68+
69+
1770
# 系列教程
1871

19-
## 1.vue-cli
72+
## 1. vue-cli
2073

21-
### 1-1.vue-cli 简介
74+
### 1-1. vue-cli 简介
2275

23-
- 简单介绍
76+
简单介绍
2477

25-
- vue-cli 官网 [vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects] (https://github.com/vuejs/vue-cli)
78+
vue-cli 官网 [vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects] (https://github.com/vuejs/vue-cli)
2679

27-
- [视频：vue-cli 简介，与 套用 mint-ui demo (youtube) ] (https://youtu.be/AwjfG5T3vO4)
80+
[视频：vue-cli 简介，与 套用 mint-ui demo (youtube) ] (https://youtu.be/AwjfG5T3vO4)
81+
82+
[视频：vue-cli 简介，与 套用 mint-ui demo (bilibili)] (http://www.bilibili.com/video/av6828349/)
2883

29-
- [视频：vue-cli 简介，与 套用 mint-ui demo (bilibili)] (http://www.bilibili.com/video/av6828349/)
3084

31-
#### vue.js 2 vue-cli how to start
3285

33-
vue.js2 vue-cli 怎么搭起来的教学, 照到
3486

3587

88+
### 1-2. vue.js 2 vue-cli how to start
89+
90+
vue.js2 vue-cli 怎么搭起来的教学, 照到
91+
3692
$ sudo npm install -g vue-cli
37-
93+
3894
$ vue init webpack my-project
39-
95+
4096
$ cd my-project
41-
97+
4298
$ npm install
43-
99+
44100
$ npm run dev
45101

102+
### 1-3. vue-cli 使用 Mint-UI, 入门篇
46103

47104
[ mint-UI for vuejs2 移动端 UI 库 ] (http://mint-ui.github.io/docs/#!/zh-cn2)
48105

106+
安装
49107

50-
#### 安装
51-
52-
``` js
53-
54-
npm install mint-ui -save
55-
56-
```
57-
58-
``` js
59-
// 本人重 vue 全家桶的讲解，怎么使用 ui库，跟此目标不符
60-
61-
// 所有的 ui 库，使用原理，差不多，本示例，
108+
$ npm install mint-ui -save
62109

63-
// 只讲一点点 ui 知识点，让你看个几分钟，就自已抓来用…
110+
.vue script
64111

112+
// 本人重 vue 全家桶的讲解，怎么使用 ui库，跟此目标不符
113+
// 所有的 ui 库，使用原理，差不多，本示例，
114+
// 只讲一点点 ui 知识点，让你看个几分钟，就自已抓来用…
65115

66-
// -- mint-ui start
67-
// http://mint-ui.github.io/docs/#!/zh-cn2/button
68-
// /my-project/node_modules/mint-ui/lib/button
69-
import mtButton from 'mint-ui/lib/button';
70-
import 'mint-ui/lib/button/style.css';
71116

72-
// http://mint-ui.github.io/docs/#!/zh-cn2/toast
73-
// /my-project/node_modules/mint-ui/lib/toast
74-
import { Toast } from 'mint-ui';
75-
import 'mint-ui/lib/toast/style.css';
76-
// -- mint-ui end
117+
// -- mint-ui start
118+
// http://mint-ui.github.io/docs/#!/zh-cn2/button
119+
// /my-project/node_modules/mint-ui/lib/button
120+
import mtButton from 'mint-ui/lib/button';
121+
import 'mint-ui/lib/button/style.css';
77122

78-
```
123+
// http://mint-ui.github.io/docs/#!/zh-cn2/toast
124+
// /my-project/node_modules/mint-ui/lib/toast
125+
import { Toast } from 'mint-ui';
126+
import 'mint-ui/lib/toast/style.css';
127+
// -- mint-ui end
79128

80129

81-
#### mint-ui 怎么用？（个人实测…有坑，但还是可以用）
130+
** mint-ui 怎么用？（个人实测…有坑，但还是可以用） **
82131

83-
- [mint-ui demo] (https://bhnddowinf.github.io/bhnddowinf/vuejs2demo/mint_ui1.html)
132+
[demo mint-ui ] (https://bhnddowinf.github.io/bhnddowinf/vuejs2demo/mint_ui1.html)
84133

85-
- [源码：mint_ui1.html] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1.html)
134+
[源码：mint_ui1.html] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1.html)
86135

87-
- [源码：mint_ui1.js] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1.js)
136+
[源码：mint_ui1.js] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1.js)
88137

89-
- [源码：mint_ui1v.vue] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1v.vue)
138+
[源码：mint_ui1v.vue] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/my-project/src/vuex-demo/mint_ui1v.vue)
90139

91-
#### 补充 mint_UI 点击问题修正
140+
*补充 mint_UI 点击问题修正**
92141

93142
- 关于事件绑定
94143
- 在 Vue 2.0 中，为自定义组件绑定原生事件必须使用 __.native__ 修饰符：
@@ -108,7 +157,7 @@ import 'mint-ui/lib/toast/style.css';
108157

109158
- 来源： http://mint-ui.github.io/docs/#!/zh-cn2
110159

111-
### 1-2.多页应用
160+
### 1-4.多页应用
112161

113162
- 因为讲解 npm run dev , npm run build 这两种多页设置，所以会讲这么40分钟这么久。自已有经验的话，看代码来抄，比较快，真的是初学者，还是建议看完吧，没有人会讲这么细。
114163

@@ -133,13 +182,7 @@ import 'mint-ui/lib/toast/style.css';
133182

134183
### 3-1.[vue-router 台湾小凡教程文档] (https://github.com/bhnddowinf/vuejs2-learn/blob/master/vue-router-learn.md)
135184

136-
# 教程目的
137185

138-
- 网路上有很多 VUE 综合应用的视频，但大部份的视频 ，都当你已经了解官网
139-
所以讲的节奏难免偏快。
140-
此视频，以官网为重，将官网的观念，以视频搭配代码，实际演示。
141-
如果官网有看不懂的地方，比对一下，视频跟代码，就会了解了。
142-
减少你摸索的时间。
143186

144187
## 4.vue.js2 demo
145188

@@ -165,7 +208,7 @@ import 'mint-ui/lib/toast/style.css';
165208

166209
- [尤雨溪大神写的 vue-rx] (https://github.com/vuejs/vue-rx)
167210

168-
# vuejs 2 相关链结
211+
# 6. vuejs 2 相关链结
169212

170213
- [台湾小凡 vuejs2demo] (https://bhnddowinf.github.io/bhnddowinf/vuejs2demo/index.html) 台湾小凡 vue.js2 的 demo
171214

@@ -189,7 +232,7 @@ import 'mint-ui/lib/toast/style.css';
189232

190233
- [mint-UI for vuejs2] (http://mint-ui.github.io/docs/#!/zh-cn2) 移动端 UI 库
191234

192-
# 國外 ajax 主流插件 (vue-resource 作者不更新了)
235+
# 7. 國外 ajax 主流插件 (vue-resource 作者不更新了)
193236

194237
- https://github.com/mzabriskie/axios
195238

@@ -204,56 +247,3 @@ import 'mint-ui/lib/toast/style.css';
204247

205248
- https://github.com/ded/reqwest
206249

207-
# 豪哥的QQ群
208-
209-
- 小弟在互联网有一个爱好前端的朋友，网名：豪情，不断贡献自已的知识分享最先进的前端资讯，带领着很多人学习前端。
210-
211-
- 小弟有幸能结交豪哥，以下是中国最专业的前端群, 仅供参考.
212-
213-
> * vuejs 364912432
214-
> * Angularjs 238251402
215-
> * React 530415177
216-
> * Nodejs 422910907
217-
> * JAVA高级开发群 145381037
218-
> * Python技术交流 130705066
219-
> * Hybrid App交流群 498173484
220-
> * PHP技术交流群 82254462
221-
> * UI设计么么哒群 321173051
222-
> * Go语言技术交流群 336195657
223-
> * ASP.NET C#技术交流群 461614624
224-
> * 安卓IOS混合开发群 415074410
225-
226-
227-
228-
229-
#台湾小凡
230-
231-
![](https://github.com/bhnddowinf/vuejs2-learn/blob/master/me.jpeg?raw=true)
232-
233-
目前在台湾的中小企业
234-
235-
担任资讯研发部副理
236-
237-
手机：0922-731455
238-
239-
信箱：bhnddowinf@yahoo.com.tw
240-
241-
## 台湾小凡的专长：
242-
243-
1.云端伺服器建置
244-
2.网站开发
245-
3.企业资源规划系统
246-
247-
248-
## License
249-
250-
[MIT](http://opensource.org/licenses/MIT)
251-
252-
## Donate
253-
254-
小弟想把 vue.js 教学的视频，做的更好
255-
但现实上，这需要很多的时间以及家人的支持
256-
257-
→→→→[请大力的鼓励作者] (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=77E3EEHBD3N5C)
258-
259-
![](https://github.com/bhnddowinf/vuejs-learn/blob/master/03/wechat_qrcode.png)

0 commit comments

Comments
 (0)