小白學習vue第三天，從入門到精通（computed計算屬性）
阿新 • • 發佈：2021-07-17
computed計算屬性
<body>
<div id="app">
<div>{{myName}}</div>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
firstName: '彭于晏',
lastName: '胡歌'
},
computed: {
myName: {
set:
顯示內容為：
計算屬性的set方法：
計算屬性有的get方法
顯示的就是
computed與method的區別
重要的注意點computed計算屬性有快取作用，不會反覆呼叫，只有在資料發生變化的時候才會再次呼叫，比起一般的函式方法，提高了效能優化。method只要呼叫了就會執行
總結
vue的computed計算屬性 有getter 和 setter 兩個方法 但是一般 沒有set方法 ，只讀屬性；還有一個重要的注意點 計算屬性有快取作用