Zerlinda's Blog

vue-router使用demo

git项目地址请访问webpack-vue-demo

线上项目请访问vue-router项目演示。布局没有进行PC端适配,请在开发者模式或手机下查看。

借助webpack搭建的vue环境,使用vue-router进行路由跳转,包括子路由跳转,带参数的路由跳转。

源码下载下来以后直接打开dist/目录下的index.html即可运行程序

使用webpack工具进行打包,根目录下的index_tpl.html为程序入口

安装node环境后npm install安装所需依赖后即可进行开发

目前路由切换功能正常,仅仅使用router的简单功能,并未涉及到vue的深度使用。

另关于webpack的配置文件,注释中有十分详细的解释

QQ截图20170113143956QQ截图20170113144009QQ截图20170113144020QQ截图20170113144031QQ截图20170113144041

项目结构十分清晰,欢迎指正!

发表评论

电子邮件地址不会被公开。 必填项已用*标注