生活随笔
收集整理的這篇文章主要介紹了
计算属性computed的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
效果圖
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><title>Document
</title><script type="text/javascript" src="./lib/vue-2.4.0.js"></script></head><body><div id="app"><input type="text" v-model="firstname" />+
<input type="text" v-model="middlename" />+
<input type="text" v-model="lastname" />=
<input type="text" v-model="fullname" /><p>{{ fullname }}
</p><p>{{ fullname }}
</p><p>{{ fullname }}
</p></div><script type="text/javascript">var vm = new Vue({el: "#app",data: {firstname: "",middlename: "",lastname: ""},methods: {},computed: {fullname: function() {console.log("ok"); return this.firstname + "-" + this.middlename + "-" + this.lastname;}}});</script></body>
</html>
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的计算属性computed的使用的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
