iconfont 字体名称是变量怎么弄？

上面的显示，下面的直接显示为文本了，这该咋弄?

<template>  
    <view>  
        <text class="ico iconFace">&#xe699;</text>  
        <text class="ico iconFace">{{ico}}</text>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                ico: "&#xe699;"  
            }  
        }  
    }  
</script>  

<style>  
    .ico {  
        font-size: 24px;  
        color: #000;  
        margin: 5px;  
    }  
</style>