自定义指令

自定义的指令,定义好之后,在标签内使用,当执行new  Vue去模板的时候,看到自定义指令,会将下面的函数,等到特定执行Vue实例阶段触发.模板渲染之后.当触发时的传参的参数的第一个是所写的对象的DOM对象,第二个是是包含指令的对象,对象value是指令赋值.当把指令写到标签上,以及在这些下面会使得这些指令在特定时间触发函数,调用函数.

自定义指令loading

和自定义任何类一样,不过是所写的inserted方法和updated方法实现一些步骤

插槽

组件内部结构自定义,且自定义的结构可根据父组件内的数据创建不同的组件放置到子组件.

插槽写在父组件内的,都会在父组件先传递数据,再执行子组件的模板.

1)在子组件上写<solt></solt>组件

2)在父组件的子组件标签内所写的标签会将这些代替solt所占位置.可多个根组件.

3)后备内容,可不在父组件的子组件标签写内容,在solt标签下的是默认的替代内容.

4)具名插槽:在父组件的子组件标签上如果什么都不写,默认给到所有solt,当写了template标签下,template标签内v-slot:name的值.solt内的name属性.

5)作用域插槽,在父组件的子组件标签身上写变量,

模板在哪里,则会去找变量,同时当在template上写#插槽名会先找到slot上的名字,将属性进行整合成对象赋给后面的变量.只能模板下访问.