vue-router 居然不帮我路由

Question

vue-router 居然不帮我路由：

<div v-link="'/work/' + {{data.useClass}}" class="itemImg {{data.useClass}}">

浏览器解释后是这样的：

<div class="itemImg x50">

说明{{data.useClass}} vue.js是可以正常解释的，

但v-link="'/work/' + {{data.useClass}}" 中的{{data.useClass}}却不能正常解释：

v-link="'/work/' + x50}"

我想通过这种方法让浏览器路由到：

http://localhost:8000/#!/work/x50 //跳到这个地址

代码结构像这样：

<div class="gridItems w80">

    <template v-for="data in work" id="workVUE">

        <div class="item scrollItem">

            <div v-link="'/work/' + {{data.useClass}}" class="itemImg {{data.useClass}}">

                <div class="gridImg workImg">
                    <img v-bind:src="data.image" />
                </div>
            </div>

            <div class="itemTitle">
                <h3>{{data.title}}</h3>
            </div>

    </template></div>

请大家帮助一下，谢谢！