Cómo utilizar iframe en el enrutamiento vue.js
lt;htmlgt;
lt;headgt;
lt;meta charset="utf-8"gt;
lt;/headgt;
lt;body gt;
lt;div id="app"gt;
lt;h1gt;Hola ¡Aplicación! lt;/h1gt;
lt;pgt;
lt;! -- Utilice el comando v-link para navegar. --gt;
lt; a v-link="{ ruta: '/foo' }"gt; Ir a Foolt;/agt
lt; ="{ ruta: '/bar' }"gt;Ir a Barlt;/agt;
lt;/p.gt;
lt;!--Salida de ruta-- gt;
lt;router-viewgt;lt;/router-viewgt;
lt;/divgt;
lt;script src=".bing. com/search?q=' transición .to.path
}
}
})
// El enrutador necesita un root Component.
// Para fines de demostración, aquí se utiliza un componente vacío y el HTML se utiliza directamente como plantilla para la aplicación
var App = Vue.extend({ })
//extend({})
// Crear una instancia de enrutador
// La creación de una instancia se puede personalizar pasando parámetros de configuración a. manténgalo simple, aquí se usa la configuración predeterminada
var router = new VueRouter()
// Definir reglas de enrutamiento
// Cada regla de enrutamiento debe ser asignado a un componente. Component" puede ser un constructor de componentes creado usando Vue.extend
//, o puede ser un objeto de opciones de componente.
// Introduciremos el enrutamiento anidado más adelante
router.map({
'/foo': {
Component :Foo
},
'/bar': {
componente: Foo
}
} )
// ¡Ahora podemos iniciar la aplicación!
// El enrutador creará una instancia de aplicación y la montará en el elemento que coincida con el selector #app.
router.start(App, '#app')
lt;/scriptgt;
lt;/bodygt;
lt ;/htmlgt;