vue自定义组件与传值

一、自定义组件
1、在src中components中,新建组件（首字母建议大写）
2、在app.vue中引用组件
第一步： import Header from ‘./components/你创建组件得名字’
第二步 ：在export default注册组件
components: {
Header
}
第三步：使用组件<组件名字></组件名字>
二、传值
1、父组件向子组件传值

//父组件：

        <template>
      <div>
        父组件:
        <input type="text" v-model="name">
        <br>
        <br>
        <!-- 引入子组件 -->
        <child :inputName="name"></child>
      </div>
    </template>
    <script>
      import child from './child'
      export default {
   
        components: {
   
          child
        },
        data () {
   
          return {
   
            name: ''
          }
        }
      }
    </script>

//子组件：

    <template>
      <div>
        子组件:
        <span>{
   {
   inputName}}