VUE表达式{{}}中如何拼接字符

{{ number + 1 }}    

{{ ok ? 'YES' : 'NO' }}

{{ message.split('').reverse().join('') }}

        <div class="appdouble_data">
          <div class="BonusPoolDetails_data"
          v-for = 'item,index in list'
          >
            <div class="BonusPoolDetails_data_tit">
              {{item.start_at}}至{{item.end_at}}
            </div>
            <div class="data_flex">
              <div class="data_flex_tit flex align-cen">
                <div>推荐人数</div>
                <div>奖金池</div>
                <div>累计奖金</div>
                <div>获得分红</div>
              </div>
              <div class="data_flex_list flex align-cen"
              v-for = 'props,key in item.has_details'
              >
                <div>{{props.invite_number}}</div>
                <div>{{props.pool_index}}</div>
                <div>{{item[String(props.pool_index) + '_pool']}}</div>
                <div>{{props.money}}</div>
              </div>
            </div>
          </div>
        </div>

{{item[String(props.pool_index) + '_pool']}}

<ul class="pro">
        <router-link to="/detail/pro1" tag="li">产品1</router-link>
        <router-link to="/detail/pro2" tag="li">产品2</router-link>
        <router-link to="/detail/pro3" tag="li">产品3</router-link>
        <router-link to="/detail/pro4" tag="li">产品4</router-link>
</ul>

     {
      path: '/detail/:id',
      component: Detail,
            children:[
                   { path: 'c1', component: C1},
                   { path: 'c2', component: C2},
                   { path: 'c3', component: C3},
                   { path: 'c4', component: C4}
            ]
    }

<ul class="detail-left">
<li><h3>产品{{this.$route.params.id}}</h3></li>
    <router-link tag="li" :to='{path:"/detail/"+this.$route.params.id+"/c1"}'>数据统计</router-link>
    <router-link tag="li" :to='{path:"/detail/"+this.$route.params.id+"/c2"}'>数据预测</router-link>
    <router-link tag="li" :to='{path:"/detail/"+this.$route.params.id+"/c3"}'>数据分析</router-link>
    <router-link tag="li" :to='{path:"/detail/"+this.$route.params.id+"/c4"}'>广告发布</router-link>
</ul>

:to='{path:"/detail/"+this.$route.params.id+"/c1"}'

import Vue from 'vue'
import Router from 'vue-router'
import Detail from "../detail/detail"
import Home from "../home/home"
import C1 from "../detail/child1"
import C2 from "../detail/child2"
import C3 from "../detail/child3"
import C4 from "../detail/child4"
import HotDetail from "../home/hot-detail"
Vue.use(Router)
export default new Router({
  routes: [
		{
		  path: '/',
		  component: Home
		},
		{
			path:"/hotdetail",
			component:HotDetail
		},
    {
      path: '/detail/:id',
      component: Detail,
			children:[
					{
				  path: 'c1',
				  component: C1
				},
					{
				  path: 'c2',
				  component: C2
				},
				{
				  path: 'c3',
				  component: C3
				},
				{
				  path: 'c4',
				  component: C4
				},
			]
    }
  ]
})