Are you sure you want to delete this task? Once this task is deleted, it cannot be recovered.
Koma a8e7d8ecf2 | 6 years ago | |
---|---|---|
.. | ||
README.md | 6 years ago | |
index.html | 7 years ago |
在子组件中通过为多个slot进行命名,来接受父组件的不同内容的数据。
<div id="myApp">
<nba-all-stars c="奥尼尔" pf="加内特">
<span slot="sf">皮尔斯</span>
<span slot="sg">雷阿伦</span>
<span slot="pg">隆多</span>
</nba-all-stars>
</div>
<script>
Vue.component('nba-all-stars', {
props: ['c', 'pf'],
template: '<div>'
+ '<div>中锋:{{c}}</div>'
+ '<div>大前:{{pf}}</div>'
+ '<div>小前:<slot name="sf"></slot></div>'
+ '<div>分卫:<slot name="sg"></slot></div>'
+ '<div>控卫:<slot name="pg"></slot></div>'
+ '</div>',
});
var myApp = new Vue({
el: '#myApp',
});
</script>
Vue.js学习工程
HTML CSS Markdown
Dear OpenI User
Thank you for your continuous support to the Openl Qizhi Community AI Collaboration Platform. In order to protect your usage rights and ensure network security, we updated the Openl Qizhi Community AI Collaboration Platform Usage Agreement in January 2024. The updated agreement specifies that users are prohibited from using intranet penetration tools. After you click "Agree and continue", you can continue to use our services. Thank you for your cooperation and understanding.
For more agreement content, please refer to the《Openl Qizhi Community AI Collaboration Platform Usage Agreement》