如何用Vue搭建一个物资管理网站

前言

我们选择vue的周边库 vue-cli, vue-router,vue-resource,vuex

1.vue-cli 创建项目

2.vue-router 实现单页路由

3.vuex 管理数据流

4.vue-resource 请求node服务端

5.vue文件 组件化开发

PS：本文node v6.2.2 npm v3.9.5 vue v2.1.0 vue-router v2.0.3 vuex v2.0.0

安装

首先，安装vue-cli。(确保已安装node和npm)

npm i -g vue-cli

然后创建一个webpack项目并且下载依赖

vue init webpack vue-tutorial

cd item

npm install

接着使用 npm run dev 在热加载中运行应用

这一行命令代表着它会去找到package.json的scripts对象，执行node bulid/dev-server.js。在这文件里，配置了Webpack，会让它去编译项目文件，并且运行服务器，我们在localhost:8080即可查看应用。

接着安装路由、XHR请求、数据管理下载等其他库

npm i vue-router vuex vue-resource --save

npm i