How to build Vue.js links in a separate div?

Question

I want to create a static header, with some links that change a vue app like a SPA. I know how to do this within the main app, but how can it be achieved outside of it, in a static header for example?

App being the main vue instance.

<body>
    <div id="header">
       <a href="" id="link_to_change_app_view"></a>
    </div>
    <div id="#app"></div>
</body>

well you can't that's why you put everything inside the app or mount your app to the body. If you want a static header just place it above your router view and there you go — Frnak
– Frnak, Commented Jul 11, 2017 at 11:13

Frnak · Accepted Answer · 2017-07-11 11:15:12Z

1

As claimed in the comments you can simply put your static header inside your app

<div id="#app">
   <!-- static -->
   <div id="header">
     <router-link to="" id="link_to_change_app_view" />
   </div>

   <!-- dynamic -->
   <router-view></router-view>
</div>

answered Jul 11, 2017 at 11:15

Frnak

6,8626 gold badges38 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to build Vue.js links in a separate div?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related