webpack+vue

webpack+vue创建简单项目

https://blog.csdn.net/winnergod/article/details/54926859

vue导航和首页轮播图实现

https://blog.csdn.net/lvlemo/article/details/78264403

使用 webpack创建 vue项目

前端 端口

vue init webpack avproject (使用webpack 创建前端项目)

npm run dev (运行)

我们使用 webpack 进行前后端项目分离

当我们需要和后台分离部署的时候，必须配置config/index.js:

项目目录解析

Pasted Graphic.png

main.js 是我们的入口文件，主要作用是初始化vue实例并使用需要的插件

App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。

index.html文件入口

src放置组件和入口文件

config中配置了路径端口值等

build中配置了webpack的基本配置、开发环境配置、生产环境配置等