vue 模板使用

Vue.component('lhq1', {
  props:['list','checked','userid'],
  data:function(){
    return{
      check:[],
    }
  },
  template: '<div>\
  <row>\
      <i-col span="5">&nbsp</i-col>\
      <i-col span="7">\
        <div style="margin-left:20px">\
        <ul>\
        <li v-for="(lists,index) in checked.roles">\
          <checkbox v-model="checked.userRoles[index]">{{lists.name}}</checkbox>\
        </li>\
        </ul>\
        <div style="padding-top:5px">\
          <i-button type="primary" v-on:click="incrementCounter" size="small">確定</i-button>\
        </div>\
        </div>\
      </i-col>\
      <i-col span="12">&nbsp</i-col>\
  </row>\
  </div>'
})