摘要:
具名插槽 具有名字的插槽slot使用 中的 "name" 属性绑定元素 注意: 1,如果没有匹配到 则放到匿名的插槽中 2,具名插槽的渲染顺序,完全取决于模板,而不是取决于父组件中元素的顺序 <div id="app"> <!--这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 s 阅读全文
摘要:
组件插槽:组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力 # 当组件渲染的时候,这个 <slot> 元素将会被替换为“组件标签中嵌套的内容”。 # 插槽内可以包含任何模板代码,包括 HTML 匿名插槽 <div id="app"> <!--这里的所有组件标签中嵌套的内容会替换掉slo 阅读全文
摘要:
兄弟组件之间传值: 兄弟之间的传递数据需要借助于事件中心,通过事件中心传递数据提供事件中心 var hub = new Vue() 传递数据方,通过一个事件触发hub.$emit(方法名,传递的数据) 接收数据方,通过mounted(){} 钩子中 触发hub.$on()方法名 销毁事件 通过hub 阅读全文
摘要:
1.在子组件里面定义,子组件用 $emit() 触发事件,$emit() 第一个参数为 自定义的事件名称 第二个参数为需要传递的数据 this.$emit('myEvent',value) 2.在父组件里面通过在组件里设置,父组件用v-on 监听子组件的事件,@myEvent 是子组件中$emit 阅读全文
摘要:
父组件向子组件传递参数: 注意: - 父组件发送的形式是以属性的形式绑定值到子组件身上。 - 然后子组件用属性props接收 - 在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式,字符串模板中没有这个限制 - 在需要动态的数据的时候 需要属性绑定的形式设置,静态值不需要绑定形式设置, 阅读全文