vue 启动页配置_vue设置一开始进入的页面教程
vue项目默认进入的页面是
HelloWorld.vue
现在我们创建一个页面Login.vue
登录界面
登录界面export default {
data() {
return {}
}
}
在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项目默认进入的页面是 HelloWorld.vue 现在我们创建一个页面Login.vue 登录界面 export default { data() { return {} } } 在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设置一开始进入的页面教程就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。