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

 时间:2024-11-04 13:46:51

1、第一步,首先这里使用到webpack工具,直接使用npm进行全局安装,结果出现报错,如下图所示:

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

2、第二步,由于之前这个路径安装了webpack,所以再切换到另外一个路径,进行局部安装,如下图所示:

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

3、第三步,由于还使用到vue.js脚手架,需要安装vue-cli工具,如下图所示:

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

4、第四步,接着使用vue命令安装和下载webpack-simple项目框架,如下图所示:

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

5、第五步,项目创建完毕之后,切换到项目文件路径下,使用cd切换,如下图所示:

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

6、第六步,最后使用npm install安装项目中所依赖的包,注意安装vue-router,如下图所示:

如何使用vue-router进行界面跳转并展示页面内容
  • eclipse tomcat无法启动
  • vs2017创建ASP.NET项目
  • IntelliJ IDEA如何创建工作目录
  • IntelliJIDEA2021怎么更改主题为亮色#校园分享#
  • 怎样安装Visual Studio 2019?
  • 热门搜索
    mp4是什么 宿主是什么意思 什么什么如什么 aud是什么货币 台账是什么意思 什么是神话故事 乌衣巷位于什么地方 火把节是什么时候 罡是什么意思 预科是什么意思