事件修飾符
業務： 阻止事件冒泡
這是我們需要在我們的事件處理程式中新增阻止事件冒泡行為
但是我們發現，e.stoppropagation() 我們書寫了三次，
總結： 這麼書寫會導致**重複，浪費效能
解決： 修飾符
格式： @eventtype.修飾符 = "事件處理程式"
修飾符名稱： 是我們原生方法簡寫（ 第乙個單詞（基本上））
自定義按鍵修飾符
業務： input 按鍵 enter 時觸發
vue將通過事件物件 e 拿取鍵盤碼的這個過程進行了封裝
自定義按鍵修飾符：指定某乙個字元為某乙個鍵盤碼
業務： 將乙個 字串 反向 ？
思路： str ->arr- arr反向 ->str
總結：
如果說業務功能增加，我們發現 mustache 語法中的js邏輯有點多了
v是檢視，作用是用來展示介面的，但是我們上面的寫法 讓 v 的負擔增加
如果我們寫在methods中寫乙個方法，然後執行這個方法，又有點覺得和我們認為的methods裡面最好放
事件處理程式不符
綜合： 以上方式都不是最佳的選擇
解決： vue提出了乙個新的解決方案： 計算屬性 computed
計算屬性，
計算屬性中存放的是函式（ 書寫邏輯 ）
計算屬性可以直接像全域性變數一樣使用，直接將方法名當做全域性變數一樣使用
面試題，實用題： 計算屬性( computed ) vs 方法（ methods）
1. 事件處理程式往methods裡面放
2. 滿足一下兩個條件，你直接使用計算屬性
- 要書寫邏輯
- 要像全域性變數一樣使用（ 符合 mvvm 的思想）
}
屬性和修飾符
屬性是乙個方法或一對方法，但在呼叫它的 看來，它是乙個字段，即屬性適合於以字段的方式使用方法呼叫的場合。欄位是儲存類要滿足其設計所需要的資料，欄位是與類相關的變數。public private internal protected都是修飾符。public表示它所修飾的類成員可以允許其他任何類來訪問，...
vue修飾符與事件修飾符
前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...
vue學習 計算屬性 事件 按鍵修飾符
計算屬性 業務 將乙個 字串 反向 思路 str arr arr反向 str eg new vue computed 總結 如果說業務功能增加，我們發現 mustache 語法中的js邏輯有點多了 v是檢視，作用是用來展示介面的，但是我們上面的寫法 讓 v 的負擔增加 如果我們寫在methods中寫...