這篇文章主要介紹了vue怎么設(shè)置一開始進入的頁面的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vue怎么設(shè)置一開始進入的頁面文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司，我們專注網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)絡(luò)營銷、企業(yè)網(wǎng)站建設(shè)，買鏈接，1元廣告為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計到用戶體驗提高，創(chuàng)新互聯(lián)力求做到盡善盡美。

vue項目默認進入的頁面是

HelloWorld.vue

現(xiàn)在我們創(chuàng)建一個頁面Login.vue

  export default {
    data() {
      return {}
    }
  }

在router目錄下的index.js文件中我們設(shè)置一開始進入的頁面

初始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
  }
 ]
})

現(xiàn)在我們讓他一開始進入登錄頁面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
  }
 ]
})

運行后：

關(guān)于“vue怎么設(shè)置一開始進入的頁面”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“vue怎么設(shè)置一開始進入的頁面”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。