Vuejs保留元素属性

Question

我的情况如下：

Laravel模板：

<div class="block-id" is="Header">
    <span>ID #3265872</span>
    <ul class="tools">
        <li><a href="{{ route('history') }}">History</a></li>
        <li><a href="{{ route('top') }}">TOP</a></li>
    </ul>
    <button>Check</button>
</div>

vuejs组件看起来是一样的

<template>
    <div class="block-id">
        <span>ID #{{ids.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>

问题在于，当我渲染组件时，href属性消失了。那么有什么方法可以保留元素中的href属性吗？