Vue组件封装 参数传递和事件传递

2019独角兽企业重金招聘Python工程师标准>>>

参数传递

子组件先定义好接收的参数和事件

    <div >
      {{title}}
      <div class="row">
        <Button icon="md-refresh" @click="refresh()" >刷新</Button>
      </div>
    </div>


 props: {//参数传递需要在props里面声明
        'title': {
          type: String,
          default: ''
        },
      },

 methods: {//事件传递需要通过$emit来传递，参数refresh要与父组件@后面的属性相对应
          refresh(){
            this.$emit('refresh');
          }
        },

父组件传递参数给子组件

<KJtitle title="矿金管理" @refresh="myRefresh">

  </KJtitle>

 

转载于:https://my.oschina.net/carbenson/blog/2988346