scope方法如何在vue中使用

js 代码如下：

Vue.component('tb-list', {
 template: '#tb-list',
 props: {
 data: {
  type: Array,
  required: true
 }
 },
 data() {
 return {
 }
 },
 beforeMount() {
 },
 mounted() {
 },
 methods: {
 }
});

上面代码我们注册了一个叫 tb-list 这么一个组件，然后给 tb-list 传递了一个data属性值；该值是一个数组，如下值：

data: [
 {
 name: 'kongzhi1',
 age: '29',
 sex: 'man'
 }, 
 {
 name: 'kongzhi2',
 age: '30',
 sex: 'woman'
 }
]

tb-list组件模板页面是如下：

遍历data属性值，然后使用slot来接收 tb-list组件中的任何内容；其内容如下：

 
 
姓名:{{scope.row.name}}
 
年龄: {{scope.row.age}}
 
性别: {{scope.row.sex}}
 
索引：{{scope.$index}}