vue组件的用法以及传值问题

1组件注册

Vue.component(组件名称,
{
data: 组件数据,
template:组件模板内容})
例如

注册注意事项
1 data 必须是一个函数 (return 返回的是)
2组件模板的内容必须是单个根元素(所有的元素放在div里面)
3模板内容可以是模板字符串

3组件之间数据传递

1组件内部通过 props数组父组件接受传递过来的值
2父组件通过属性将值传递过去

4子组件向父组件传值

props属性传值 是单向数据流的
子组件通过自定义事件向父组件传递信息-------------
--------------------$emit('事件名称,参数)
父组件监听子组件的事件------------------
------------------@事件名称=“新的事件”
父组件在method中声明新事件逻辑
子组件

父组件接收

5兄弟组件传值

通过事件中心管理组件之间的通信

6组件插槽

1父组件给子组件传递的内容template
2 子组件接收父组件的内容通过标签

2具名插槽 slot

3作用域插槽
父组件对子组件的内容进行加工处理