vue设置一开始进入的页面
vue项目默认进入的页面是HelloWorld.vue现在我们创建一个页面Login.vue<template><div>登录界面</div></template><script type="text/ecmascript-6">expor
·
vue项目默认进入的页面是
HelloWorld.vue
现在我们创建一个页面Login.vue
<template> <div> 登录界面 </div> </template> <script type="text/ecmascript-6"> export default { data() { return {} } } </script>
在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 } ] })
运行后:
更多推荐
已为社区贡献2条内容
所有评论(0)