html 代码部分
<div id="div">
<comp>
插槽访问数据属性:{{like}}
</comp>
</div>
组件代码部分
Vue.component('comp', { ... },
template:`
<p>这里是模板中的p元素<br><br>
<slot></slot>
</p>`
})
new Vue({
el:"#div",
data:{
like:"I like you"
}
})
网页渲染效果
html 代码部分
<div id="div">
<comp>
插槽访问数据属性:{{like}}
</comp>
</div>
组件代码部分
Vue.component('comp', { ... },
template:`
<p>这里是模板中的p元素<br><br>
<slot></slot>
</p>`
})
new Vue({
el:"#div",
data:{
like:"I like you"
}
})
网页渲染效果