如何使用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?
  • 热门搜索
    鼻烟壶怎么用 相框图片大全 端午节图片大全 小炒牛肉的家常做法 重阳节用英语怎么说 老婆决心离婚最好的处理方法 南京交通职业技术学院怎么样 大学生怎么创业 温馨提示怎么写 油烫伤了家用处理方法