作用域插槽理解


        早上5点下大雨了,迷迷糊糊起来收衣服,一不小心踩滑了,脑袋重重的摔在床上,嘤嘤嘤,瞬间蒙蔽到无法呼吸,大概是抬头45°仰望天空的时候姿势不对,总是感觉黑盒子里的知识洒了一些,白天笨笨的,晚上回家的时候好好找一下滴落的智慧。

        本篇讲一下作用域插槽的理解,本汪认为是子组件与父组件的数据动态交互的一种常见案例,二话不说先上代码:

html:

父组件中必须要有template元素,且必须有scope特性,scope特性中是临时变量名,接收从子组件中传递上来的属性,属性可以是任意定义的。

js:



下面再上一个列表组建的demo,在这个demo中本汪特意打乱了属性的名字,为了明确数据之间的关系,(在阅读vue官方文档的时候给出的demo简洁漂亮,但是一本正经的变量命名容易让人迷惑),希望读者自行品读其中的数据关联关系,:

html:


注释点已在代码中标出,就不再赘述啦哈哈哈,拜拜哒,放学咯。


哈哈哈 ,  打架吧狗子君。
















你可能感兴趣的:(Vue)