<slot name="header"></slot> <slot></slot> <!-- 默认插槽 --> <slot name="footer"></slot> </template> 父组件 (ParentComponent.vue) <template> <ChildComponent> <template #header> This is the header </template> This is the main content passed to thedefaultslot. <template ...
直接在template标签或组件的mounted钩子中操作DOM可能会导致视图和数据不一致的问题。 作用域插槽:在使用作用域插槽时,需要特别注意template标签中的作用域和传入的数据。作用域插槽允许父组件访问子组件内部的数据,但必须正确使用slot属性和slot-scope(在Vue 2.6.0+中推荐使用v-slot)来传递和接收数据。
var isBuiltInTag = makeMap('slot,component', true); /** * 获取组件别名 */ var getComponentAlias = function (name) { return isReservedTag(name) ? (name + "-diy") : name; } module.exports = { log, isURL, toLowerLine, toCamel, toCamel2, sleep sleep, stringToObject, isReserved...