vue组件知识

制造组件

  • 材料：
    1.模板(template)
    2.data(){ return {对象}},必须用一个函数来定义，不是用属性的方式
    3.methods
    4.components子组件

  • component(材料) //把材料丢进去制造出一个组件
    先制造一个模板，然后呢，放入到component里生成一个组件，对外可以引用这个组件了

  • 父组件传值子组件:用属性
    1.调用子组件<son X='值'></son>
    2.componets->son->props:['X']
    3.{{X}}

  • 子组件传值父组件:用方法emit() 1.子组件调用this.emit（事件名，数据X）方法，创造一个事件并传递一个数据
    2.父组件监听子组件创建的事件
    3.父组件里面设置触发事件调用的函数，函数里面的参数，就是第一步的数据X(也就是子组件里面想要传过来的数据)

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容