[JavaScript知识库]Vue组件初始化，父子组件传值，插槽

组件初始化

组件（Component）是 Vue.js 最强大的功能之一。

组件可以扩展 HTML 元素，封装可重用的代码。

组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：

注册一个全局组件语法格式如下：

Vue.component(tagName, options)

tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：

<tagName></tagName>

父子组件传值

1.父组件向子组件传值
props
1.子组件在props中创建一个属性，用以接收父组件传过来的值
2.父组件中注册子组件
3.在子组件标签中添加子组件props中创建的属性
4.把需要传给子组件的值赋给该属性
2.子组件向父组件传值
在子组件中调用$emit(‘function’,var)

插槽

组件的插槽也是为了让我们封装的组件更加具有扩充性，可以让使用者决定组件内部的一些内容到底展示什么
1.基本使用
2.具名插槽
3.作用域插槽