???不能用()=>{} 保持疑問，lambda不加this,mes2無定義；加this，undefined
computed:
caption:()=> // ??? 不能lambda嘛？？？？
},
}}
el:'#div1',
data:,
methods:
},computed:
}});
計算屬性：與資料依賴繫結，只有資料變時才重新計算；有快取函式：事件發生時就呼叫
計算屬性是基於它們的響應式依賴進行快取的。只在相關響應式依賴發生改變時它們才會重新求值。這就意味著只要 message 還沒有發生改變，多次訪問 reversedmessage 計算屬性會立即返回之前的計算結果，而不必再次執行函式。
下面的計算屬性將不再更新，因為 date.now() 不是響應式依賴：
computed:
}
使用方式
無get和set
computed:
}
get 和 set
}
}改變名字
el:'#div1',
data:,
methods:,
onclick_func()
},computed:,
set:function(newvalue)}}
});
雖然計算屬性在大多數情況下更合適，但有時也需要乙個自定義的偵聽器。這就是為什麼 vue 通過 watch 選項提供了乙個更通用的方法，來響應資料的變化。當需要在資料變化時執行非同步或開銷較大的操作時，這個方式是最有用的。
普通偵聽
movie
play
music
el:'#div1',
data:,
watch:,
sort:function (newval)
}});
改變[{},{}]型別等內部資訊時
tags:,
deep:true
}
加引數 more(name)
el:'#div1',
data:,
filters:,
more2:(data)=>
}});
vue.filter('more',(data) => );
el:'#div1',
data:,,,
],},
computed:)},}
});
按鈕
el:'#div1',
data:,
methods:
}});
el:'#div1',
data:
});
vue 過濾器，偵聽器，計算屬性
常用於文字格式化，可以用在插值表示式和v bind屬性繫結，使用管道符 呼叫，過濾器本質上是乙個函式，在與method同級定義，fliters 且過在vue3.0過濾器已移除，顯示的值是過濾器的返回值 必須有 在過濾器的第乙個形參就可以獲取到管道前待處理的值。全域性過濾器 vue.filter na...
Vue自定義指令，計算屬性，偵聽器，過濾器
1 自定義指令 區域性註冊 directives 例子 用自定義指令改變輸入框的背景顏色 全域性註冊 color 自定義指令名 inserted就是鉤子函式，el代表被繫結的元素，binding是個物件 binding.value是所繫結的值，也就是說如果不打算傳值就不許用這個引數，比如讓輸入框聚焦...
Vue計算屬性和偵聽器
模板內的表示式非常便利，但是在模板中放入太多的邏輯會讓模板過重切難以維護。對於任何複雜邏輯都應該使用計算屬性。var vm new vue computed 這裡宣告乙個計算屬性reversemsg。我們提供的函式將作用屬性vm.reversemsg的getter函式。我們可以在表示式中呼叫方法來達...