vue组件知识

制造组件

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

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

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

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

你可能感兴趣的:(vue组件知识)