Need help with anchor links

How would I create anchor links with Vue.js
Nav Bar and other links

 <li class="nav-item active mr-lg-4" v-if="!loggedIn">

                    <router-link class="nav-link" :to="{ name: 'home' }">Pricing</router-link>

                </li>

                <li class="nav-item active mr-lg-4" v-if="!loggedIn">

                    <router-link class="nav-link" :to="{ name: 'home' }">Features</router-link>

Code (markup):

as well as footer I have it as

<a href="https://domain.com/#pricing">Pricing</a>

<a href="https://domain.com/#Features">Features</a>

Code (markup):

They will be on the Home page

Would also need to know what to put the anchor where its should go.

<section class="features-section py-5">

      <div class="container py-lg-5">

        <h3 class="mb-3 text-center font-weight-bold section-heading">Feature Highlights</h3>

        <div class="row pt-5 mb-5">

Code (markup):

Thank you!

 

Much less the junk presentational classes, made up non-semantic tags (Yes I realize it's valid HTML 5, they're still utter shite), absolute URI's for nothing...

It's almost like the worst of JavaScript meets the worst of the ignorant incompetent train wreck laundry lists of how not to build websites that are "frameworks".

But there's a reason in working as an accessibility and usabilty consultant, ripping out the half-tweet trash that is "Vue" is "just part of the job".

When you see classes like "text-center" or "font-weight-bold", RUN... just... run for your life if you can little girl, hide your head in the sand little girl, catch you with another man, that's the enda... a little girl.

 

I would suggest you check out Maegan Wilson, I have learnt a lot from her. She has an article entitled "How to create a navigation bar in Vue.js". It's only a 5 minute read and she will take you through it, good luck.