PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。
(1). 全局组件
在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中
这三个组件在各自内部也都可以相互使用。
(2). 局部组件
通过一个普通的 JavaScript 对象来定义组件:
在Vue中我们有: 组件 = 实例
(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”