vuejs2 官网讲解 (vue.js 2 official website tutorials ,contains video , codes, baudi yun, youtube)
JavaScript Vue HTML
Latest commit 45ba392 Dec 14, 2016 @bhnddowinf U
Permalink
Failed to load latest commit information.
.idea U Oct 27, 2016
my-project U Dec 14, 2016
me.jpeg update Oct 16, 2016
npm-debug.log U Nov 4, 2016
readme.md U Nov 30, 2016
vue-router-learn.md U Oct 27, 2016
vuejs2-form.md 1 Oct 24, 2016
vuex-learn.md U Nov 29, 2016

readme.md

教程主旨

vue.js 2 官网讲解(以下是自我要求,小凡,不要你花时间在 看视频以及打代码上,那有多浪费时间)

系列教程

1.vue-cli

1-1.vue-cli 简介

  • 简单介绍

vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects

vue.js 2 vue-cli how to start

vue.js2 vue-cli 怎么搭起来的教学

  sudo npm install -g vue-cli

  vue init webpack my-project

  cd my-project

  npm install

  npm run dev

mint-UI for vuejs2 移动端 UI 库

安装

npm install mint-ui -save
// 本人重 vue 全家桶的讲解,怎么使用 ui库,跟此目标不符

// 所有的 ui 库,使用原理,差不多,本示例,

// 只讲一点点 ui 知识点,让你看个几分钟,就自已抓来用…


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

// http://mint-ui.github.io/docs/#!/zh-cn2/toast
// /my-project/node_modules/mint-ui/lib/toast
import { Toast } from 'mint-ui';
import 'mint-ui/lib/toast/style.css';
// -- mint-ui end

mint-ui 怎么用?(个人实测…有坑,但还是可以用)

补充 mint_UI 点击问题修正

  • 关于事件绑定
  • 在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符:
    <my-component @click.native="handleClick">Click Me</my-component>
  • 从易用性的角度出发,我们对 Button 组件进行了处理,使它可以监听 click 事件:
    <mt-button @click="handleButtonClick">Click Me</mt-button>

1-2.多页应用

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

  • vuejs2 多页应用讲解https://github.com/bhnddowinf/vuejs2-learn

    使用 vue-cli 一定用到的多页应用

    教你怎么跑 npm run dev, npm run build

视频: vue-cli 多页应用(youtube)

视频:vue-cli 多页应用(百度云)

视频:vue-cli 多页应用(http://www.bilibili.com/)

2.Vuex

2-1.vuex 台湾小凡教程文档

3.Vue-Router

3-1.vue-router 台湾小凡教程文档

教程目的

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

4.vue.js2 demo

treeview

5.vue-rx

vuejs 2 相关链结

國外 ajax 主流插件 (vue-resource 作者不更新了)

尤大推荐 axios

npm install axios

豪哥的QQ群

  • 小弟在互联网有一个爱好前端的朋友,网名:豪情,不断贡献自已的知识分享最先进的前端资讯,带领着很多人学习前端。

  • 小弟有幸能结交豪哥,以下是中国最专业的前端群, 仅供参考.

  • vuejs 364912432
  • Angularjs 238251402
  • React 530415177
  • Nodejs 422910907
  • JAVA高级开发群 145381037
  • Python技术交流 130705066
  • Hybrid App交流群 498173484
  • PHP技术交流群 82254462
  • UI设计么么哒群 321173051
  • Go语言技术交流群 336195657
  • ASP.NET C#技术交流群 461614624
  • 安卓IOS混合开发群 415074410

台湾小凡

目前在台湾的中小企业

担任资讯研发部副理

手机:0922-731455

信箱:bhnddowinf@yahoo.com.tw

台湾小凡的专长:

1.云端伺服器建置
2.网站开发
3.企业资源规划系统

License

MIT

Donate

小弟想把 vue.js 教学的视频,做的更好 但现实上,这需要很多的时间以及家人的支持

→→→→请大力的鼓励作者