vue slot的使用

创建模板template 并设置插槽<slot>, 

 创建插件。 Vue.component 创建插件, props:自定义属性,template,模板字段,methods,方法

 

使用模板, slot将插件插入插槽

 

 

 如果想要插槽中去操作vue对象中的数据或者方法,理论上来说是做不到的,因为他们属于同级作用域互不可见。

这个时候需要利用更高级的作用域(个人理解)通过外部标签来实现。

 

 对插件绑定点击事件,(这里只能操作到同一个作用域或者说是对象中的function,)

function中 使用$.emit(自定义事件分发)

 

模板中通过

 

 v-on绑定自定义事件,使用vue对象中的 removeitems的方法。

 

posted @ 2020-09-07 22:35  蓝冰nine  阅读(411)  评论(0)    收藏  举报