4.計算屬性
阿新 • • 發佈：2021-06-29
可以把計算屬性理解為快取
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--view層--> <div id="vue"> <p>{{currentTime1()}}</p> <p>{{currentTime2}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script> var vm = new Vue({ el: '#vue', data: { message: "hello" }, //methods和computed不能重名，重名的話只會使用methods的方法 methods:{ currentTime1:function () {return Date.now();//返回一個當前時間戳 } }, computed:{//計算屬性 currentTime2:function () {//可以想象為快取 return Date.now();//返回一個當前時間戳 } } }); </script> </body> </html>
效果如圖
函式可以作為屬性而存在了