动态组件、插槽

52 阅读1分钟

1、props校验。支持多种可能得类型。params:[ ]

image.png

2、获取原生DOM ref和$refs.xxx

3、$nextTick vue是要等加载完了之后,才会渲染,而不是加载一个渲染一个,所以就有一个等待的过程

4、动态组件基本语法:component(组件的位置)+ is属性(哪个组件)

image.png

5、自定义指令

局部注册(只能在当前组件中使用)

image.png

全局注册(任何地方都可以使用):写在main.js中

image.png

6、props 传值 插槽 可以传结构,解决组件定制

插槽基本语法: 组件内用slot占位(不希望写死的地方) 使用组件时 组件夹着的地方

当外部组件使用时没有传内容时,可以设置一个默认值(后备内容),即在slot中间写默认显示内容

image.png

具名插槽:可以自定义名字,通过name自定义名字,可以实现定向分发, 在父组件使用时,将需要定制的各个内容用template标签包起来,在template标签内写上 #名字 来区分插槽