发表于: 2020-02-11 21:16:26
1 1321
今天完成的事情:
1.推进任务
今天完成的事情:
1.推进任务
今天完成的事情:
1.莫得啥思路
看了下作用域插槽
<div id="root">
<child>
<template slot-scope="props"><!--定义一个插槽,该插槽必须放在template标签内-->
<li>{{props.value}}</li>
<--!定义使用渲染方式-->
</template>
</child>
<child>
<template slot-scope="props">
<h1>{{props.value}}</h1><!--定义不同的渲染方式-->
</template>
</child>
</div>
<script>
Vue.component('child', {
data: function () {
return {
list: [1, 2, 3, 4]
}
},
template: `<div>
<ul>
<slot v-for="value in list" :value=value>//使用slot占位
</slot>
</ul>
</div>`
})
var vm = new Vue({
el: '#root'
})
</script>
实现结果:
不太理解这里的props是什么
<child>
<template slot-scope="props"><!--定义一个插槽,该插槽必须放在template标签内-->
<li>{{props.value}}</li>
<--!定义使用渲染方式-->
</template>
</child>
tamplate的使用方法也待研究 = =
评论