ちょうきょう666

导航

7.VUE起步,getset方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="app">
        {{fullName}}
    </div>
    <script>
        var vm=new Vue({
            el:'#app',
            data:{
               firstName:"Dell",
               lastName:"Lee"

            },
            computed:{
                fullName:{
                    get:function(){
                    return this.firstName+" "+this.lastName
                },
                set:function(value){
                    var arr=value.split(" ");
                    this.firstName=arr[0];
                    this.lastName=arr[1];
                
                }
                }
            }


        })

    </script>
</html>

 

posted on 2021-02-05 12:09  ちょうきょう666  阅读(66)  评论(0编辑  收藏  举报