vue路由什么时候加载

Vue路由在页面加载时就会被加载，并且会根据当前的URL路径来决定要显示的组件。具体来说，Vue路由会通过前端路由机制将不同的URL路径映射到不同的组件上。当用户访问一个特定的URL时，Vue路由会根据路由配置文件中的配置信息将对应的组件加载到页面中。

在Vue中使用路由需要先进行路由的配置，可以通过Vue Router插件来实现。在路由配置中，我们需要指定每个URL路径对应的组件，并且可以设置一些其他的配置，例如路由模式、默认路由等。

一般来说，路由的加载分为两个步骤：路由配置和实例化路由。首先，在项目的入口文件中进行路由配置，将每个URL路径和对应的组件进行绑定。然后在Vue实例化之前，实例化路由对象。

当用户在浏览器中输入一个URL时，Vue路由会根据当前的URL路径来匹配路由配置中的路径，并且将对应的组件加载到页面中。这样用户就可以看到对应的页面内容了。

总之，Vue路由会在页面加载时被加载，并且会根据URL路径来决定要显示的组件。通过配置和实例化路由对象，我们可以实现路由的功能，使用户可以通过不同的URL路径访问不同的页面。

Vue的路由是在应用程序启动时加载的。路由加载是在Vue实例化之前完成的。

具体来说，Vue的路由通常是通过Vue Router插件来实现的。在应用程序的入口文件中，需要先引入Vue和Vue Router插件。然后，创建一个Vue实例时，需要将Vue Router插件传递给Vue构造函数。

在Vue实例内部，可以定义路由的配置项，包括路由路径、组件和其他相关属性。这些路由配置项可以存放在单独的路由配置文件中，也可以直接定义在Vue实例内部。

在Vue实例化之前，需要调用Vue Router插件的vue.use()方法来注册插件。这样，路由就会在应用程序启动时被加载。

当Vue实例化后，路由就可以开始工作了。之后，当用户通过浏览器访问应用程序的不同路由路径时，Vue Router会根据配置项加载相应的组件或触发相应的操作。

总结起来，Vue的路由是在应用程序启动时加载的，其加载步骤包括引入Vue和Vue Router插件、创建Vue实例时传递路由配置项和注册Vue Router插件等。一旦加载完成，路由就会根据用户的访问请求进行相应的操作。

Vue路由是在Vue应用初始化时进行加载的。具体来说，路由是在Vue实例的创建和挂载之前加载的。

加载路由的步骤如下：

1. 创建路由配置文件：在项目中创建一个路由配置文件，例如router.js。在该文件中，我们可以定义应用的各个路由及其对应的组件。

2. 安装Vue Router：使用npm安装Vue Router，以便在项目中使用它。可以使用以下命令进行安装：

npm install vue-router

3. 导入Vue Router并使用：在主应用的入口文件（main.js）中导入Vue Router，并将其作为Vue实例的插件使用。

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  // 路由配置
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

4. 配置路由：在路由配置文件中，通过创建一个VueRouter实例，并传入一个路由配置对象来定义应用的路由。

在路由配置对象中，我们可以使用routes属性来定义路由数组，每个路由对象包含路径（path）和对应的组件（component）。例如：

// router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

const router = new VueRouter({
  routes
})

export default router

在上述代码中，我们定义了两个路由：'/'表示根路径，指向Home组件；'/about'表示/about路径，指向About组件。

5. 在Vue实例中使用路由：在Vue实例的配置选项中，将router对象传入，以便Vue实例可以使用路由。

import Vue from 'vue'
import App from './App.vue'
import router from './router'

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这样，当Vue实例创建和挂载之前，路由就已经加载完成了。

在Vue应用中使用路由时，通常是通过组件来显示当前路由对应的组件，而通过组件来进行导航。

总结：Vue路由在Vue应用初始化时加载，通过创建一个VueRouter实例并配置路由，然后将其作为Vue实例的插件使用。使用显示当前路由对应的组件，使用进行导航。