Vue 组件
组件用于封装页面的局部性能,将性能的构造、款式、逻辑代码封装为整体。
进步性能的复用性与可维护性,更好的专一于业务逻辑。
组件应用时为自定义 HTML 标签模式,通过组件名作为自定义标签名
<div id="app">
// 一般 html 标签
<p></p>
// Vue.js 组件
<my-com></my-com>
</div>
组件详情
- 组件注册
- 组件通信
- 组件插槽
- 内置组件
组件注册
- 组件注册文章入口
组件通信
- 组件间传递数据的操作,称为组件通信
问题
子组件如何获取父组件中的数据?
父组件如何得悉子组件得数据变更?
更加简单的组件关系?
- 组件通信文章入口
组件插槽
- 组件插槽能够便捷的设置组件内容。
例如父组件给子组件进行内容设置,可能须要父组件调用很多次子组件内容,当然通过 props 传入设置不是不能够,然而咱们心愿间接在标签内设置,更加简洁
<div id="app">
<com-a>
示例内容
<span> 组件的主题内容 </span>
</com-a>
</div>
- 组件插槽文章入口
内置组件
- 内置组件文章入口