<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/Vue/vue.development.js"></script></head><body><div id="app"> <child> <h1 slot=“card1">我是1號(hào)卡片</h1> <h1 slot="card2">我是2號(hào)卡片</h1> <h1 slot="card3">我是3號(hào)卡片</h1> </child></div><script> Vue.component('child', { template: "<div>{{message}}" + "<p>hello world</p>"+ "<slot name='card1'></slot>" + "<slot name='card2'></slot>" + "<slot name='card3'></slot>" + "</div>", data:function(){ return { message:"多個(gè)卡片插入：" } } }); new Vue({ el: "#app", });</script></body></html>顯示結(jié)果：第一個(gè)為什么沒(méi)有渲染出來(lái)
為何具名slot不顯示，這是為什么尼，我就很納悶
瀟瀟雨雨
2019-01-31 18:27:01
