Vue入门学习（组件化开发）

PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。

2.组件分类

---

(1). 全局组件

在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中

这三个组件在各自内部也都可以相互使用。

(2). 局部组件

通过一个普通的 JavaScript 对象来定义组件：

3.组件与实例

---

在Vue中我们有： 组件 = 实例

4.组件传值

---

(1).父组件向子组件传递参数

父组件向子组件传递参数的时候依靠 属性传递

<button @click=“handleSubmit”>提交

<component-a

v-for=“(item, index) of list”

:key=“index”

:content=“item” //父组件的属性值

:index=“index”

@delete=“handleDelete”

(2).子组件向父组件传递参数

子组件向父组件传递参数的时候通过发布订阅事件完成

子组件发布一个事件，父组件订阅该事件

<button @click=“handleSubmit”>提交

<component-a

v-for=“(item, index) of list”

:key=“index”

:content=“item”

:index=“index”

@delete=“handleDelete”