How to make vutejs template out of html? : How can I separate the script template and the html. This template made the doc too large. What should I do to cache it?

    <script id="search-game-result-tpl" type="text/html">
    <li class="" data-id='<%=data['id']%>'>
        <a class="flex-box" href="/game/<%=data['url_slug']%>">
            <img class="gl-border" src="<%=data['pic']%>">
            <span><%==data['title']%></span>
        </a>
    </li>
    </script>
    <script id="search-tag-result-tpl" type="text/html">
    <li class="" data-id='<%=data['id']%>'>
        <a class="clearfix" href="/element/<%=data['id']%>">
            <img class="gl-border" src="<%=data['pic']%>">
            <span><%==data['name']%></span>
        </a>
    </li>
    </script>
    <script id="search-question-result-tpl" type="text/html">
    <li class="clearfix " data-id='<%=data['id']%>'>
        <a class="clearfix" href="/question/<%=data['id']%>">
            <span><%==data['title']%></span>
        </a>
    </li>
    </script>

