vue组件的总结

1.根组件和子组件结构基本一样

​ 2 . 父组件向子组件传递参数

​ 3.子组件通过 props接收数据

​ 4.子组件Props是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性,属性或方法要在实例上（在props）定义， 通过初始化属性，确保此属性在数据选项或基于类的组件中是被动的

5、组件绑定注册属性使用横杠命名与在props定义的数据用驼峰式命名可以互相转换，如user-name等价于userName, 同样，在components选项定义的组件使用驼峰式命名也可以在组件中自动转换为横杠命名的组件，

如
Props:['userName']  等价于  'data'>  
components：{userName} 等价于  
复制代码

6、vue的组件的props只能驼峰命名

7.子组件通过事件触发父组件

8.子组件通过自定义事件调用父组件方法

9.把子组件引入到根组件，根组件选项components:{}

10、组件里，data必须是一个函数

转载于:https://juejin.im/post/5c7b5116518825347a562912