1.配置webpack,设置vue-loader让webpack能够打包vue文件和其他文件
2.编写index.html作为nodejs页面的模板
3.编写App.vue作为vue的主模板
4.编写index.js作为vue的主脚本文件
- 引入
vue,并初始化vue - 引入
App.vue并将其设置为vue实例的模板 - 引入
router.js并将其设置为vue实例的路由
5.编写router.js作为路由文件
- 引入
vue-router,配置vue-router选项参数 - 引入组件文件使得各个
path调用对应的组件 - 创建路由
6.编写各个组件