Vuejs preserve element attributes

My case looks like this:

Laravel template:

<div class="block-id" is="Header">
    <span>ID #3265872</span>
    <ul class="tools">
        <li><a href="">History</a></li>
        <li><a href="">TOP</a></li>
    </ul>
    <button>Check</button>
</div>

The vuejs component looks just the same

<template>
    <div class="block-id">
        <span>ID #</span>
        <ul class="tools">
            <li><a>History</a></li>
            <li><a>TOP</a></li>
        </ul>
        <button>Check</button>
    </div>
</template>

<script>
    import {mapGetters} from 'vuex';

    export default {
        name: "Header",
        computed: {
            ...mapGetters('global', [
                'ids'
            ])
        }
    }
</script>

The problem is that when I render the component the href attribute is gone. So is there any way to preserve the href attribute in a element?

via Chebli Mohamed