Vue组件传参 父传子 子传父

Vue传参

 <div id="box">
       <aa></aa>
    </div>
<script> 
    var aa = `<aside>
        <div>
            <ul>
                <li>美女</li>
                <li>汽车</li>
                <li>帅哥</li>
                <li>手表</li>
            </ul>
        </div>
        <xxoo :abc='age' :ppp='pp' @mmm='aaa'></xxoo>
    </aside>`
    var bb=`<div>
    xxoo{
    {name}}
    {
    {abc}}
    {
    {ppp}}
    <button @click='sed'>发送数据</button>
    </div>`
       
    Vue.component('aa',{
   
            template:aa,
            data(){
   
                return {
   
                    age:[1,2,3],
                    pp:18
                }
            },
            components:{
   
                xxoo:{
   
                    template:bb,
                    data(){
   
                       return{
   
                        name:"自己的",
                        
                       } 
                    },
                    // props:['abc','ppp']
                    props:{
   
                        abc:String,
                        ppp:Number
                    },
                    methods:{
   
                        sed(){
   
                            //子传父  通过事件向上传
                            // this.$emit('自定的事件名')   
                            // 自己的组件标签上   <xxoo @mmm='父组件的事件名'></xxoo>
                            this.$emit('mmm',[1,2,3