vue2.0在页面中自定义组件模块，以及页面与组件之间的数据传递

1.在页面上引入写好的组件

import UpdataPassword from './updataPassWord'       //updataPassWord为组件的name

2.注册组件

components:{               //注册组件
  UpdataPassword

  },  

3.驼峰命名的方式

<updata-password> </updata-password>

4.页面传数据给组件

页面：

<updata-password :prop-data="0" @hide="hidemodifyBox"> </updata-password>

// prop-data   传到组件的数据   hide组件里的监听数据变化

组件：

export default {
    name: "updataPassword",

    props: ['propData']

}

可以用this.propData获取到props（页面传过来的值）  为0

this.$emit("hide");     //触发页面自定义方法hide,然后在页面可以监听到这个方法v-on

hidemodifyBox:function(){
    this.modifyShow=false;
  }