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;