vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue设置首页

详解如何在vue项目中设置首页

作者:冰月0126

这篇文章主要给大家介绍如何在vue项目中设置首页,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

如何在vue项目中设置首页

1、首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示:

在这里插入图片描述

说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组件放在src文件夹下的components文件夹里面。

2、找到router文件夹,在router文件夹下的index.js文件中设置主页面路由

在这里插入图片描述

注意:页面路径一定不能错,否则浏览器无法渲染,要设置的主页面路径等内容在routes下设置为第一位。

3、修改成功

到此这篇关于详解如何在vue项目中设置首页的文章就介绍到这了,更多相关vue设置首页内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文