多语言展示
当前在线:1959今日阅读:27今日分享:41

如何使用vue-router进行界面跳转并展示页面内容

在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工具常用的命令

推荐信息