父组件如何使用子组件，并对子组件中的属性赋值

1.定义子组件

<template>
    <view>
        <!-- 2.{{title}}直接使用属性 -->
        <h1 @tap="tap1">{{title}}</h1>
        <div>{{content}}</div>
    </view>
</template>

<script>
    export default {
          // 1.props声明组件的属性
        props:{     
            title : {
                type : String,
                default : ""
            },
            content : {
                type : String,
                default : ""
            }
        },
        data() {
            return {
                
            };
        },
    
        methods:{
            
        }
    }
</script>

<style>

</style>

2.父组件中使用子组件并向子组件传值：

<template>
    <view class="">
        <!-- 3使用外部引用过来的组件，父组件通过属性绑定的方式，对子组件的属性赋值:title="title" -->
        <mycomponent :title="title" content="content...." @tap1="tap"></mycomponent>
    </view>
</template>

<script>
import mycomponent from "@/components/mycomponent.vue"
// 1.引用组件
export default {
    data() {
        return {
            title : "新闻标题"
        }
    },

    methods:{
    
    },
    // 2.通过components对象中放置组件的名称,来注册组件
    components: {
        mycomponent
    }
}        
</script>
<style lang="less">
@import "../../less.less";
</style>