Vue的方法和屬性案例詳解
阿新 • • 發佈:2021-08-01
的方法和屬性
1.方法 methods
用法1
methods:{
方法名:function(){},
}
用法2
methods:{
方法名(){}
}
注意
{{}}呼叫要寫()
示例
{{aa()}}
事件觸發
@click=aa"可以有()也可以沒有如果需要傳參,加上()
把$event這個特殊引數傳進去可以獲取事件物件
2.計算屬性
計算屬性是什麼
computed
計算屬性的特點
- 計算屬性有快取
- 計算屬性是基於他們的依賴進行快取的
- 計算屬性只有在他的相關依賴發生改變時才會重新求值當
- 計算屬性所依賴的屬性發生變化時他會重新計算一次
計算屬性中的方法
set(da)
get()
示例
computwww.cppcns.comed:{ //計算屬性 //計算屬性有快取 //直接{{}}呼叫不用寫() //當計算屬性所依賴的屬性發生變化時他會重新計算一次 bbhttp://www.cppcns.com(){ return this.arr.filter(a=>a.indexOf(this.search) > -1) },cc:{ //呼叫計算屬性時自動觸發get方法,修改計算屬性時自動觸發set方法 set(a){ console.log('我是set'+"接收的內容"+a+"接收的內容") },get(){ console.log('我是get') return this.arr.filter(a=>a.indexOf(this.search) > -1) } } },
到此這篇關於Vue的方法和屬性案KWULPkp例詳解的文章就介紹到這了,更多相關Vue的方法和屬性內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!