计算属性的setter和getter
生活随笔
收集整理的這篇文章主要介紹了
计算属性的setter和getter
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
computed的屬性不僅可以寫一個get方法，通過其他的值算出一個新值；同時，也可以設置set方法，通過設置一個值，來改變他相關聯的值！而改變了相關聯的值之后，又會引起fullName的重新計算，頁面也會跟著顯示新的內容！
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>計算屬性的setter和getter</title><!--引入vue.js庫--><script src="../vue.js"></script> </head><body> <!--vue接管的div--> <div id="root"> </div><script>var vm = new Vue({el: '#root',data: {firstName: "gb",lastName: "lfy"},computed: function () {fullName: function f() {return this.firstName +" "+ this.lastName();}}}); </script> </body> </html>computed屬性：
當computed依賴的值發生變化時，他就會重新計算；當set函數中this.firstName和 this.lastName 是fullName依賴的值；屬性變了，頁面的內容也會跟著變化！
總結
以上是生活随笔為你收集整理的计算属性的setter和getter的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SonarQube启动报错：Wrappe
- 下一篇： Vue + Spring Boot 项目