计算属性(computed)的getter和setter

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="./vue.js"></script>
    <!-- <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></script> -->
</head>
<body>
    <div id="app">{{fullName}}</div>
    <script type="text/javascript">
        var vm = new Vue({
            el: "#app",
            data: {
                firstName: "Tom",
                lastName: "Cat"
            },
            computed: {
                /*fullName: function() {
                    return this.firstName + " " + this.lastName
                }*/
                fullName: {
                    get: function() {
                        return this.firstName + " " + this.lastName
                    },
                    set: function(value) {
                        var arr = value.split(" ");
                        this.firstName = arr[0];
                        this.lastName = arr[1];
                        console.log("我是" + value)
                    }
                }
            }
        })
    </script>
</body>
</html>

成都创新互联公司是一家专业提供阿城企业网站建设,专注与成都网站制作、成都做网站、H5建站、小程序制作等业务。10年已为阿城众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

分享题目：计算属性(computed)的getter和setter
网页链接：https://www.cdcxhl.com/article42/piochc.html

成都网站建设公司_创新互联，为您提供软件开发、网站排名、外贸网站建设、商城网站、网站维护、企业网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容