对于组件拆分有疑惑

对于组件拆分有疑惑

是这样的,我把left和right是当作组件来看的,组件应该是后期可以复用可以迁移到不同的网页上面去的,也就是说它应该是一个乐高积木,有可能会被调用去组装新的页面,它也不知道自己会被放到哪个位置上去。

而left这个组件, 这个乐高积木涵盖的html的部分应该是只有左侧菜单的部分(如下代码所示),也就是没有包含menu-inner(这是左侧菜单和右侧菜单的共同父级)。

<div class="left-bar">

 <div class="left-bar-inner"></div> 

</div>

但是这里的left.js却写了获取.menu-inner这个元素的代码(如下图),感觉有点不太合逻辑,因为按理说left组件被迁移到其他地方是没有办法获取到这个menu-inner才对, 有点困惑,老师麻烦解答一下。

http://img1.sycdn.imooc.com//climg/5e9866ac09ba968b12350870.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,可以看做一个组件,但不是公共组件,所以不能说直接复用到其他地方,一般我们是其他地方也有类似的结构,或者要使用相同的功能,这样会封装公共的组件,直接复用,但是我们这个不是公共的,就在在这里使用的,不能直接复用到其他的位置。

不过同学能够想到这一点还是非常棒的哦。后面vue中有使用到封装公共的组件,到时候会更好理解哦。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师