父子之前数据传递

作者: 嗯哼_3395 | 来源:发表于2018-07-07 15:59 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.min.js"></script>
</head>
<body>
    <div id="box">
        <veb @change="change" :name="name"></veb>
    </div>
</body>
    <script>
       Vue.component("veb",{
           props:["name"],
           template:"<button @click='change'>{{name}}</button>",
           methods:{
               change:function(){
                   this.$emit("change","len")
               }
           }
       })
       var box=new Vue({
            el:"#box",
            data:{
               name:"veb"
            },
            methods:{
                change:function(a){
                    this.name=a;
                }
            }
       })

    </script>
</html>