如何使用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?
  • 热门搜索
    吃石榴有什么好处 憨憨是什么意思 2014什么年 货到付款什么意思 芒硝的作用 nba什么时候开始 木香的作用与功效 ktv音响什么牌子好 灰心丧气的意思 处心积虑的意思