sky6862 / vuejs2.0-demos

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

介绍

这是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-基础

02-模板语法

03-计算属性

04-class与style绑定

05-条件渲染

后面再整理...

vue-router-demos

vuex-demos

vuex-vue-router-demos

About

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


Languages

Language:JavaScript 75.0%Language:HTML 20.6%Language:Vue 3.7%Language:CSS 0.8%