vuedemo 是我做的一个vue的基础演示项目
在这个项目里,我演示了如何使用axios调用cnodejs.cn的官方接口,并展示列表,还有路由配置以及子路由配置。通过对本项目的学习,可以对VUE的项目构建有一个基本的理解。
Vue2+VueRouter2+webpack 构建项目实战 系列教程
《Vue2+VueRouter2+webpack 构建项目实战(一)准备工作》
《Vue2+VueRouter2+webpack 构建项目实战(二)目录以及文件结构》
《Vue2+VueRouter2+webpack 构建项目实战(三)配置路由,整俩页面先》
《Vue2+VueRouter2+webpack 构建项目实战(四)接通api,先渲染个列表》
《Vue2+VueRouter2+webpack 构建项目实战(五)配置子路由》
《Vue2+VueRouter2+webpack 构建项目实战(六)修复代码并通过验证,另发布代码》
《Vue2+VueRouter2+webpack+Axios 构建项目实战(七)重构API文件为使用axios》
webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
安装与运行
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
For detailed explanation on how things work, checkout the guide and docs for vue-loader.