vue设置一开始进入的页面教程

今天小编就为大家分享一篇vue设置一开始进入的页面教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

vue项目默认进入的页面是

HelloWorld.vue

现在我们创建一个页面Login.vue

 

在router目录下的index.js文件中我们设置一开始进入的页面

初始index.js文件:

 import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld } ] })

现在我们让他一开始进入登录页面Login.vue;

 import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/Login' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Login', component: Login } ] })

运行后:

以上这篇vue设置一开始进入的页面教程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

以上就是vue设置一开始进入的页面教程的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程