为什么class类在一个文件,它的样式在另外一个文件?这个class类是作用于那个元素?

来源:7-2 Header动画效果和显示隐藏

慕尼黑5122342

2020-04-29 19:27:19

http://img.mukewang.com/climg/5ea9646d0912414013730365.jpg

http://img.mukewang.com/climg/5ea9646d0994a36111070634.jpg


写回答

1回答

好帮手慕夭夭

2020-04-30

同学你好,因为这个类是调用子组件时绑定的,所以这是给子组件home-header传递过去的。而父组件给子组件传递过去的类名会自动添加到子组件的跟节点上。(固定语法:调用子组件时传递的类名,会默认传递到子组件的根节点)

http://img.mukewang.com/climg/5eaa33ac09f559cf09750060.jpg

子组件根节点也就是如下:

http://img.mukewang.com/climg/5eaa34080971622707140149.jpg

但是这里也是调用了一个子组件me-navbar,之前接收的类名header-transition和它自己传给子组件的类名header ,最终是添加到了me-navbar组件的根节点,即如下:

http://img.mukewang.com/climg/5eaa345b0932154206810362.jpg

同学可以运行一下源码,看一下效果:

http://img.mukewang.com/climg/5eaa3480098bc66a15470339.jpg

不过这几个组件都是渲染在同一个页面中,它们是父子关系。也就是说你在子组件中写样式,父组件中写类名也是能够作用到子组件的元素中的。

http://img.mukewang.com/climg/5eaa3605094eea8d04070178.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 10739 问题

查看课程