码迷,mamicode.com
首页 > 其他好文 > 详细

计算属性(computed)的getter和setter

时间:2019-07-11 09:47:36      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:har   comm   static   计算属性   type   on()   ons   app   img   

<!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>

技术图片

计算属性(computed)的getter和setter

标签:har   comm   static   计算属性   type   on()   ons   app   img   

原文地址:https://blog.51cto.com/5660061/2418992

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!