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...自定义指令-简化