javascript - Vue2 指令的優先級如何設置？

問題描述

看了相關的資料,發現在注冊指令的時候需要設置priority, 值越大的越優先執行

html

<p id='app'><span v-a='’abc’' v-b='’efg’'></span> </p>

js

Vue.directive(’a’, { priority: 990, bind: function () { alert(’a’) }})Vue.directive(’b’, { priority: 1000, bind: function () { alert(’b’) }})new Vue({ el: '#app'})

預想的效果

先執行 alert(’b’), 后執行 alert(’a’);

實際的效果

先執行 alert(’a’), 后執行 alert(’b’);

請教下，該如何設置才能先執行’v-b’ 指令 后執行 ’v-a’指令

--------- 分割線 ----------已知 priority 被廢棄, 那么是否代表 兩個自定義的指令的執行順序只能按照前后順序執行？

問題解答

在Vue2中，自定義指令中的priority屬性已經被廢棄詳情見：https://cn.vuejs.org/v2/guide...自定義指令-簡化