在vue.js中,需要使用到页面路径或界面跳转,即是路由。而vue-router是路由管理器,可以通过参数配置路由。下面下载和安装vue-router然后运用到vue.js项目中,操作如下:
工具/原料
1
CMD
2
WebStorm
3
npm
4
vue.js
5
webpack
6
截图工具
方法/步骤
1
第一步,首先这里使用到webpack工具,直接使用npm进行全局安装,结果出现报错,如下图所示:
2
第二步,由于之前这个路径安装了webpack,所以再切换到另外一个路径,进行局部安装,如下图所示:
3
第三步,由于还使用到vue.js脚手架,需要安装vue-cli工具,如下图所示:
4
第四步,接着使用vue命令安装和下载webpack-simple项目框架,如下图所示:
5
第五步,项目创建完毕之后,切换到项目文件路径下,使用cd切换,如下图所示:
6
第六步,最后使用npm install安装项目中所依赖的包,注意安装vue-router,如下图所示:
注意事项
1
注意vue.js中vue-router使用方法
2
注意npm工具常用的命令