/express_vue

nodejs的express框架与vue学习例子

Primary LanguageJavaScript

express框架与vue的学习例子

作者: 脚本小子 2801616735@qq.com

备注: 运行环境 windows 7

一、关于vue代码版本

1、Vue.js v2.2.0

2、vue-resource v1.0.3

二、关于nodejs版本

3、nodejs v0.10.26

三、步骤说明

1、新建立目录

mkdir express_vue

2、进入目录

执行 npm init (备注: a、执行命令前确保npm命令在PATH路径中 b、该命令的作用用于创建package.json文件)

3、安装express框架

执行 npm install express --save
(备注: --save这个选项的作用是express框架会被添加到package.json文件中的dependencies列表。今后运行在应用目录中执行 npm install 将自动安装依赖项列表中的模块)

4、简单的express案例

4.1、案例一: 利用express启动web服务

4.2、案例二: 简单的路由功能

4.3、案例三: 访问静态文件

4.4、案例四: 利用GET方法进行表单提交

4.5、案例五: 利用POST方法进行表单提交

4.6、案例六: 文件上传处理

5、vue与express

5.1、案例七: jquery+vue实现与后端数据交互

5.2、案例八: 利用vue resource与后端数据交互

待续