Soy nuevo en polímero js
Probé una aplicación de polímero simple usando la navegación del menú para la página de inicio, información y galería
página index.html
<html> <head> <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"> </script> <script type="module" src="src/menu.js"></script> <script type="module" src="src/aboutus.js"></script> <script type="module" src="src/home.js"></script> <script type="module" src="src/gallery.js"></script> </head> <body> <menu class='menu'></menu> <home class='home'></home> </body> </html>Componente de menú
import {LitElement, html} from '../node_modules/@polymer/lit-element/lit-element.js'; export class Menu extends LitElement { constructor() { super(); } _render({}) { return html` <a name="view1" href="/home">Home</a> <a name="view2" href="/about">About Us</a>< <a name="view3" href="/galery">Gallery</a> `; } } customElements.define('menu', Menu);página de inicio
export class Home extends LitElement { constructor() { super(); } _render({}) { return html` <div> Home </div>`; } } customElements.define('home', Home);Acerca de y la página de la galería tienen el mismo componente que el de inicio. En el menú tenemos enlace para las 3 páginas. necesita mostrar cada una de las páginas en el lado derecho al hacer clic en cada enlace.
En la página de inicio predeterminada que se muestra en index.html. Al hacer clic en el enlace sobre la necesidad de mostrar la página sobre nosotros y al hacer clic en el enlace, la galería necesita mostrar la página de la galería.