发表于: 2020-02-11 21:16:26

1 1320



今天完成的事情:

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的使用方法也待研究 = =




返回列表 返回列表
评论

    分享到