vue 组件基础

注意点：

1.当组件被用来创建多个实例时， data 选项必须声明为一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。

组件基础 — Vue.js 中文文档

2.props：向子组件传递数据

3.组件命名:当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，我们强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。

组件注册 — Vue.js 中文文档（组件名定义）

4.局部注册：局部注册的组件在其子组件中不可用