huangshuwei / vuejs2.0-demos

这是vuejs2.0 demos,共包含三部分 vue-demos、vue-router-demos和vuex-demos

介绍

这是vuejs2.0 demos,共包含四部分 vue-demos、vue-router-demos、vuex-demos 和 vuex-vue-router-demos

运行实例

首先将这个项目克隆到你的本地

$ git clone https://github.com/huangshuwei/vuejs2.0-demos.git

vue-demos 和 vue-router-demos 找到对应的实例，在浏览器打开即可查看效果；

vuex-demos 实例是和 webpack 结合使用的，需要进行以下安装

全局安装 webpack

$ npm install webpack -g
$ npm install webpack-dev-server -g

项目中安装

$ npm install

执行命令，查看效果

• 生产环境: $ npm run build

• 开发预览环境: $ npm run dev

• 热替换模式（实时编译，刷新浏览器）: $ npm run hrm

vue-demos

01-基础

• 01-helloworld
• 02-v-if
• 03-v-model
• 04-props
• 05-v-once
• 06-v-html
• 07-component、v-for
• 08-data属性
• 属性和方法

02-模板语法

• 01-v-bind
• 02-v-on

03-计算属性

• 01-计算属性
• 02-watch属性
• 03-setter

04-class与style绑定

• 01-对象语法
• 02-通过内联样式

05-条件渲染

• 01-v-if
• 02-v-show

后面再整理...

vue-router-demos

• 01-简单的路由配置
• 02-动态路由配置
• 03-嵌套路由
• 04-编程式的导航
• 05-命名路由（待补充）
• 06-重定向和别名）
• 07-导航钩子（待补充）
• 08-路由元数据信息（待补充）
• 09-数据获取（待补充）

vuex-demos

• 01-基础
• 02-计算实例
• 03-聊天室实例
• 04-购物车实例

vuex-vue-router-demos

• 综合实例