vue使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】-创新互联
本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考,具体如下:
单个插槽
除非子组件模板包含至少一个
最初在
例:
Vue 测试实例 - 单个插槽 var childNode = { //当没有我是父组件的标题
这是一些初始内容
这是更多的初始内容
时,父组件的其他内容不会显示,当有 时,要是父组件中的内容不为空, //中的内容就不会显示 template: ` `, }; // 创建根实例 new Vue({ el: '#example', components: { 'my-component': childNode } })我是子组件的标题
只有在没有要分发的内容时才会显示。
当前标题:vue使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】-创新互联
转载来于:http://scyingshan.cn/article/jdgji.html