/vuedemo

Primary LanguageCSS

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 不执行的解决方法

让webpack+vue-cil项目不再自动打开浏览器

安装与运行

# 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.