/vue-tutorial

vue js

Primary LanguageJavaScriptMIT LicenseMIT

vue-tutorial

vue js

tutorial Use vue-cli generate vue project

tutorial01 Data Binding 绑定的两种方法：单向与双向

tutorial02 Render a List 渲染列表

tutorial03 Handle User Input 事件处理

tutorial04 All Together Now 综合应用

tutorial05 Vue2.0 实例 vue-hackernews-2.0

tutorial06 Vue2.0+Veux2.0 JSX 使用

# 安装 vue 2.0
$ npm install -S vue@next

# 安装 vue jsx 转换工具
$ npm install -D babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-plugin-syntax-jsx

# 安装 babel and webpack 2.0
$ npm install -D babel-core babel-loader babel-preset-es2015 babel-preset-stage-2 webpack@beta

# 安装 vuex 2.0
$ npm install -S vuex@next

tutorial07 综合应用 Vue2.0 + Vuex2.0 + vue-router2.0 jsx,vue 各种工具相结合

# 安装 babel and webpack 2.0
$ npm install -D babel-core {babel,css,style,vue,file}-loader babel-preset-es2015 babel-preset-stage-2 webpack@beta webpack-dev-server@beta babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-plugin-syntax-jsx cross-env

# 安装 vuex 2.0
$ npm install -S vue vuex vue-router

# *******************
# 或者直接使用我的模板生成
#
#
#*********************
$ npm install -g vue-cli
$ vue init Ivanwangcy/Vue2-Webpack-SPA-template vue-simple