計算屬性：
業務： 將乙個 字串 反向 ？
思路： str ->arr- arr反向 ->str
eg:
} new vue(,
computed:
}})
如果說業務功能增加，我們發現 mustache 語法中的js邏輯有點多了
v是檢視，作用是用來展示介面的，但是我們上面的寫法 讓 v 的負擔增加
如果我們寫在methods中寫乙個方法，然後執行這個方法，又有點覺得和我們認為的methods裡面最好放
事件處理程式不符
綜合： 以上方式都不是最佳的選擇
解決： vue提出了乙個新的解決方案： 計算屬性 computed
計算屬性，
計算屬性中存放的是函式（ 書寫邏輯 ）
計算屬性可以直接像全域性變數一樣使用，直接將方法名當做全域性變數一樣使用
面試題，實用題： 計算屬性( computed ) vs 方法（ methods）
事件處理程式往methods裡面放
滿足一下兩個條件，你直接使用計算屬性
1. 事件修飾符
.stop
.prevent
.capture
.once
業務： 阻止事件冒泡
new vue(,
middlehandler ( e ) ,
smallhanlder ( e ) }})
這是我們需要在我們的事件處理程式中新增阻止事件冒泡行為
但是我們發現，e.stoppropagation() 我們書寫了三次，
總結： 這麼書寫會導致**重複，浪費效能
解決： 修飾符
格式： @eventtype.修飾符 = 「事件處理程式」
修飾符名稱： 是我們原生方法簡寫（ 第乙個單詞（基本上））
new vue(,
middlehandler ( e ) ,
smallhanlder ( e ) }})
2. 按鍵修飾符
業務： input 按鍵 enter 時觸發
vue將通過事件物件 e 拿取鍵盤碼的這個過程進行了封裝
自定義按鍵修飾符
指定某乙個字元為某乙個鍵盤碼
vue.config.keycodes.p = 13 //80鍵盤的 p
new vue(,
methods:
},fn() }})
Vue的屬性 事件 插槽
子元件為何不可以修改父元件傳遞的propos？如果修改了，vue是如何監控到屬性的修改並給出警告的？按個人的理解的話 由於單向資料流，屬性只能通過父元件傳遞到自元件，但是不能反過來，至於vue監控屬性的修改給出警告的話，應該回到我們的生命週期，在事件發生改變之後呢，vue重新修改，更新dom節點，發...
vue十 vue基礎之事件修飾符和按鍵修飾符
一 事件修飾符 官網對事件修飾符說明 冒泡場景 當觸發li上的點選事件的時候，會一直往上找，找到ul的事件 解決方法 第一種方法 js處理方式，把事件傳給函式，在函式中阻止冒泡 第二種方法 vue提供的事件修飾符.stop 使用.prevent事件阻止預設行為，如跳轉或提交表單的場景，使用.self...
Vue筆記 2 事件修飾符 按鍵修飾符
修飾符 作用用來和事件連用,用來決定事件觸發條件或者是阻止事件的觸發機制 1.事件修飾符 stop修飾符 用來阻止事件冒泡 事件冒泡 詳情 prevent 事件修飾符 用來阻止標籤的預設行為 self 事件修飾符 用來針對於當前標籤的事件觸發 只觸發自己標籤的上特定動作的事件 只關心自己標籤上觸發的...