Enrutamiento Vue y HTTP

Ingrese npm install vue-router --save-dev en la línea de comando

Para usar el enrutamiento, introduzca el módulo de enrutamiento vue-router en el archivo main.js --- import VueRouter de 'vue-router'

Vue.use(VueRouter)

(1) Después de indicar que desea utilizar esta ruta, puede configurar la ruta a continuación --- const router = new VueRouter({})

(2) Pase el objeto entre paréntesis y los parámetros del objeto se fijarán.

(3) El parámetro rutas es una matriz y la matriz puede tener los objetos correspondientes.

(4) El primer parámetro en el objeto es la ruta, y la ruta es la dirección que se va a enrutar. Por ejemplo, en el siguiente ejemplo, nuestra dirección de enrutamiento es la ruta raíz "/"

(5) El segundo parámetro en el objeto es componente. Si se captura la dirección de la ruta, se debe llamar a un componente. El componente puede saltar a la dirección del componente correspondiente.

Ahora esta ruta no se puede. Se utiliza porque no se pueden encontrar los componentes Home y HelloWorld. Por lo tanto, presentamos los componentes Home y HelloWorld. (Nota: el componente HelloWorld ya existe aquí, pero el componente Inicio aún no se ha creado)

import HelloWorld from './components/HelloWorld'

import Home from './ componentes/Home'

(1) Primero, cree el componente Home.vue en la carpeta de componentes

(2) Queremos que Home.vue se convierta en Header.vue, Footer.vue y Users.vue Parent

(3) Opere Home.vue de la siguiente manera y luego borre los componentes e importe el contenido en App.vue

Ahora puede encontrar la dirección de enrutamiento "/ " y también puede ejecutar el componente Inicio, pero no le indica al sistema dónde mostrar este componente Inicio. El componente raíz aquí es la aplicación, por lo que el contenido correspondiente debe ingresarse en App.vue.

Si observa detenidamente la URL en la imagen de arriba, encontrará que hay un logotipo #/ adicional que debe eliminarse. Debido a que nosotros mismos definimos la ruta, habrá problemas cuando hagamos clic para implementarla.

Agregue un modo de atributo: "historial" al configurar el enrutamiento, y puede eliminarlo.

La función es la misma que la etiqueta a, excepto que al hacer clic no se enviará una solicitud cada tiempo y actualice la página, por lo que la velocidad de ejecución del proyecto es mucho mejor.