对于组件的理解验证
来源：4-10 Dropdown 组件点击外部区域自动隐藏
FFIT
2020-10-16
1：老师最近学习感觉自己把组件与组件之间的联系弄混了；就是比如说<组件name 再绑定一个props里的属性=“展示的值”> 最终渲染数据的时候是在视图层vue.app里再去定义测试数据，就是有时候比如导航栏组件与下拉菜单组件产生嵌套的时候，经常对于组件到底绑定哪个值产生迷惑，老师能再简单分析一下一个完整组件里面 的一些关系吗我自己有点懵了；
2：老师是不是并不总是需要定义接口，当展示的内容只有一种类型的时候，只需让props返回 一种类型就好，并不需要定义接口当展示内容类型较多的时候才会去需要定义接口
3：我有一个疑问就是生命周期里面必须定义的是一个函数吗
4：onmounted之前还不存在这个dom节点，但是我不理解的就是，此时意思是所有dom节点都不存在，还是只是我想要的dom节点不存在；
写回答
1回答
-
同学你好 谢谢你这么多问题 说明你有认真的思考
1 非常抱歉 没有太看懂你的问题 我认为组件的封装其实非常简单的，从上到下，就是传递属性，从下到上，就是发送事件。掌握这条简单的规律即可。
2 ts 是帮助我们的，我认为当一个数据结构够复杂的时候就会使用接口来帮忙，它能帮我们1 约束数据的类型，避免出错 2 自动补全，节省时间。
3 生命周期钩子里面是一个回调函数，但是函数体内写什么代码都可以的。
4 是template 中的节点还不存在，因为他们还没有渲染和挂载完毕。
212020-10-26
相似问题