vue

175 阅读1分钟

1.配置webpack,设置vue-loaderwebpack能够打包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.编写各个组件