vue slot及refs&parent

slot及refs&parent分别是什么?

slot 插槽(不限于父子组件)

refs 可以用来获取子组件对象

parent可以用来获取父组件对象

slot是干啥的

插槽是组件为了dom的写入留坑用的

在组件三部曲:声明、注册、使用中的第三步使用时,我们如果想添加新的html标签,就需要提前在组件声明时留下坑位(该坑位可以指定name显示符合该name的dom,如果没有指定就都添加进去显示)

//声明时
var MyComponet = {

		template:`
			
我是组件内容
` } //在Vue在使用时 template:`
我新添加的html标签内容
`
refs&parent怎么使用?

获取父组件对象:this.$parent.msg

获取子组件对象:this.$refs.childs.msg

created(){//数据加载完了
	consle.log(this.parent.msg)
}
...
mounted(){//dom挂载完了
	consle.log(this.$refs.childs.msg)
}

你可能感兴趣的:(vue2,前端,vue.js,javascript,前端)