如何使用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?
  • 热门搜索
    家里灰尘太多怎么办 逆转裁判3攻略 廉颇简介 怎么搭配 辛弃疾的简介 红烧鲫鱼的家常做法 怎么祛痘坑 特洛伊战争简介 漆黑的魅影5.0攻略 柔肤水怎么用