這篇文章主要為大家展示了Vue computed如何使用計算屬性,內容簡而易懂,希望大家可以學習一下,學習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
什么是計算屬性???
1、在computed中,可以定義一些屬性,這些屬性叫做【計算屬性】
2、計算屬性的本質是一個方法,不過一般是將他們的名稱直接當做屬性使用,不會當方法調用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="../lib/vue-2.4.0.js"></script> </head> <body> <div id="app"> <input type="text" v-model="firstname">+ <input type="text" v-model="lastname">= <input type="text" v-model="fullname"> </div> <script> var vm = new Vue({ el: '#app', data: { firstname: '', lastname: '' }, methods: {}, computed:{ // 在computed中,可以定義一些屬性,這些屬性叫做【計算屬性】 // 計算屬性的本質是一個方法,不過一般是將他們的名稱直接當做屬性使用,不會當方法調用 'fullname':function () { return this.firstname + '-' + this.lastname; } } }) </script> </body> </html>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
文章題目:Vuecomputed如何使用計算屬性-創新互聯
文章轉載:http://vcdvsql.cn/article48/ceoiep.html
成都網站建設公司_創新互聯,為您提供建站公司、網站設計、App開發、搜索引擎優化、做網站、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯