From 56647f560395ba24fd54f05f4a8c3739688c2e4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Mon, 26 Feb 2018 18:19:58 +0800
Subject: [PATCH 1/6] Fix: v-bind order in `vue/attribute-order` rule

---
 docs/rules/attributes-order.md      | 18 +++++++++---------
 lib/rules/attributes-order.js       | 13 +++++++++----
 tests/lib/rules/attributes-order.js | 14 +++++++-------
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 999a19523..926eef1e9 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -5,7 +5,7 @@
 
 ## :book: Rule Details
 
-This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended) and is:
+This rule aims to enfore ordering of component attributes. The default order is specified in the [Vue styleguide](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended) and is:
 - DEFINITION
 ex: 'is'
 - LIST_RENDERING
@@ -18,8 +18,8 @@ ex: 'v-once', 'v-pre'
 ex: 'id'
 - UNIQUE
 ex: 'ref', 'key', 'slot'
-- BINDING
-ex: 'v-model', 'v-bind', ':property="foo"'
+- TWO\_WAY\_BINDING
+ex: 'v-model'
 - OTHER_ATTR
 ex: 'customProp="foo"'
 - EVENTS
@@ -49,7 +49,7 @@ ex: 'v-text', 'v-html'
   v-for="item in items"
   v-if="!visible"
   propOne="prop"
-  propTwo="prop"
+  :propTwo="prop"
   propThree="prop"
   @click="functionCall"
   v-text="textContent">
@@ -59,7 +59,7 @@ ex: 'v-text', 'v-html'
 ```html
 <div
   propOne="prop"
-  propTwo="prop"
+  :propTwo="prop"
   propThree="prop">
 </div>
 ```
@@ -87,7 +87,7 @@ Specify custom order of attribute groups
 :+1: Examples of **correct** code with custom order`:
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
+<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
 <div
   propOne="prop"
   propTwo="prop"
@@ -96,7 +96,7 @@ Specify custom order of attribute groups
 ```
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   is="header"
@@ -108,10 +108,10 @@ Specify custom order of attribute groups
 :-1: Examples of **incorrect** code with custom order`:
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   propOne="prop"
   is="header">
 </div>
-```
+```
\ No newline at end of file
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 0ae63b95a..7446ffd62 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -17,8 +17,8 @@ function getAttributeType (name, isDirective) {
       return 'CONDITIONALS'
     } else if (name === 'pre' || name === 'once') {
       return 'RENDER_MODIFIERS'
-    } else if (name === 'model' || name === 'bind') {
-      return 'BINDING'
+    } else if (name === 'model') {
+      return 'TWO_WAY_BINDING'
     } else if (name === 'on') {
       return 'EVENTS'
     } else if (name === 'html' || name === 'text') {
@@ -37,13 +37,18 @@ function getAttributeType (name, isDirective) {
   }
 }
 function getPosition (attribute, attributeOrder) {
-  const attributeType = getAttributeType(attribute.key.name, attribute.directive)
+  let attributeType
+  if (attribute.directive && attribute.key.name === 'bind') {
+    attributeType = getAttributeType(attribute.key.argument, false)
+  } else {
+    attributeType = getAttributeType(attribute.key.name, attribute.directive)
+  }
   return attributeOrder.indexOf(attributeType)
 }
 
 function create (context) {
   const sourceCode = context.getSourceCode()
-  let attributeOrder = ['DEFINITION', 'LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT']
+  let attributeOrder = ['DEFINITION', 'LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT']
   if (context.options[0] && context.options[0].order) {
     attributeOrder = context.options[0].order
   }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 9366ac130..4d9096e97 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -105,7 +105,7 @@ tester.run('attributes-order', rule, {
     {
       filename: 'test.vue',
       code:
-      `<template>
+        `<template>
           <div
             is="header"
             v-for="item in items"
@@ -164,7 +164,7 @@ tester.run('attributes-order', rule, {
             v-for="item in items"
             v-if="!visible"
             propone="prop"
-            proptwo="prop"
+            :proptwo="prop"
             propthree="prop"
             @click="functionCall"
             v-text="textContent">
@@ -185,7 +185,7 @@ tester.run('attributes-order', rule, {
             'RENDER_MODIFIERS',
             'GLOBAL',
             'UNIQUE',
-            'BINDING',
+            'TWO_WAY_BINDING',
             'OTHER_ATTR',
             'EVENTS',
             'CONTENT',
@@ -202,7 +202,7 @@ tester.run('attributes-order', rule, {
             'RENDER_MODIFIERS',
             'GLOBAL',
             'UNIQUE',
-            'BINDING',
+            'TWO_WAY_BINDING',
             'DEFINITION',
             'OTHER_ATTR',
             'EVENTS',
@@ -272,7 +272,7 @@ tester.run('attributes-order', rule, {
             model="baz"
             v-model="toggle"
             propOne="bar"
-            :bindingProp="foo">
+            :id="foo">
           </div>
         </template>`,
       output:
@@ -289,7 +289,7 @@ tester.run('attributes-order', rule, {
         type: 'VDirectiveKey'
       },
       {
-        message: 'Attribute ":bindingProp" should go before "propOne".',
+        message: 'Attribute ":id" should go before "propOne".',
         type: 'VDirectiveKey'
       }]
     },
@@ -343,7 +343,7 @@ tester.run('attributes-order', rule, {
             'RENDER_MODIFIERS',
             'GLOBAL',
             'UNIQUE',
-            'BINDING',
+            'TWO_WAY_BINDING',
             'DEFINITION',
             'OTHER_ATTR',
             'EVENTS',

From 583c1d2b160bda4a9c050f86e87fbb8ff45fc80e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Mon, 26 Feb 2018 19:20:12 +0800
Subject: [PATCH 2/6] Fix: Including custom directives

---
 docs/rules/attributes-order.md      | 31 +++++++++++++++--------------
 lib/rules/attributes-order.js       |  2 ++
 tests/lib/rules/attributes-order.js |  4 ++++
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 926eef1e9..3fe57a118 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -21,7 +21,7 @@ ex: 'ref', 'key', 'slot'
 - TWO\_WAY\_BINDING
 ex: 'v-model'
 - OTHER_ATTR
-ex: 'customProp="foo"'
+ex: 'custom-prop="foo"', 'v-bind:prop="foo"', ':prop="foo"', 'v-custom-directive'
 - EVENTS
 ex: '@click="functionCall"', 'v-on="event"'
 - CONTENT
@@ -38,7 +38,7 @@ ex: 'v-text', 'v-html'
   id="uniqueID"
   ref="header"
   v-model="headerData"
-  myProp="prop"
+  my-prop="prop"
   @click="functionCall"
   v-text="textContent">
 </div>
@@ -48,9 +48,9 @@ ex: 'v-text', 'v-html'
 <div
   v-for="item in items"
   v-if="!visible"
-  propOne="prop"
-  :propTwo="prop"
-  propThree="prop"
+  prop-one="prop"
+  :prop-two="prop"
+  prop-three="prop"
   @click="functionCall"
   v-text="textContent">
 </div>
@@ -58,9 +58,9 @@ ex: 'v-text', 'v-html'
 
 ```html
 <div
-  propOne="prop"
-  :propTwo="prop"
-  propThree="prop">
+  prop-one="prop"
+  :prop-two="prop"
+  prop-three="prop">
 </div>
 ```
 
@@ -70,9 +70,10 @@ ex: 'v-text', 'v-html'
 <div
   ref="header"
   v-for="item in items"
-  v-once id="uniqueID"
+  v-once
+  id="uniqueID"
   v-model="headerData"
-  myProp="prop"
+  my-prop="prop"
   v-if="!visible"
   is="header"
   @click="functionCall"
@@ -89,8 +90,8 @@ Specify custom order of attribute groups
 ```html
 <!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
 <div
-  propOne="prop"
-  propTwo="prop"
+  prop-one="prop"
+  prop-two="prop"
   is="header">
 </div>
 ```
@@ -100,8 +101,8 @@ Specify custom order of attribute groups
 <div
   ref="header"
   is="header"
-  propOne="prop"
-  propTwo="prop">
+  prop-one="prop"
+  prop-two="prop">
 </div>
 ```
 
@@ -111,7 +112,7 @@ Specify custom order of attribute groups
 <!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
-  propOne="prop"
+  prop-one="prop"
   is="header">
 </div>
 ```
\ No newline at end of file
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index 7446ffd62..c5d8740c8 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -23,6 +23,8 @@ function getAttributeType (name, isDirective) {
       return 'EVENTS'
     } else if (name === 'html' || name === 'text') {
       return 'CONTENT'
+    } else {
+      return 'OTHER_ATTR'
     }
   } else {
     if (name === 'is') {
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 4d9096e97..799be21fc 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -82,6 +82,10 @@ tester.run('attributes-order', rule, {
       filename: 'test.vue',
       code: '<template><div v-model="toggle"></div></template>'
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-custom-directive></div></template>'
+    },
     {
       filename: 'test.vue',
       code:

From 6c17bd8a527337bb62a7684d03bd19680bcaf11b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Thu, 22 Mar 2018 10:38:21 +0800
Subject: [PATCH 3/6] Resolve conflict

---
 docs/rules/attributes-order.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 3fe57a118..03a02478a 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -88,7 +88,7 @@ Specify custom order of attribute groups
 :+1: Examples of **correct** code with custom order`:
 
 ```html
-<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
 <div
   prop-one="prop"
   prop-two="prop"
@@ -97,7 +97,7 @@ Specify custom order of attribute groups
 ```
 
 ```html
-<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   is="header"
@@ -109,7 +109,7 @@ Specify custom order of attribute groups
 :-1: Examples of **incorrect** code with custom order`:
 
 ```html
-<!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   prop-one="prop"

From fbe3fc5122e007d27f7b31b3e0683718ed7c81ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Fri, 23 Mar 2018 00:12:49 +0800
Subject: [PATCH 4/6] Fix: Add a new group `OTHER_DIRECTIVES`

---
 docs/rules/attributes-order.md      | 10 ++++++----
 lib/rules/attributes-order.js       |  4 ++--
 tests/lib/rules/attributes-order.js |  3 +++
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index 03a02478a..ab00e8ae6 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -20,8 +20,10 @@ ex: 'id'
 ex: 'ref', 'key', 'slot'
 - TWO\_WAY\_BINDING
 ex: 'v-model'
+- OTHER_DIRECTIVES
+ex: 'v-custom-directive'
 - OTHER_ATTR
-ex: 'custom-prop="foo"', 'v-bind:prop="foo"', ':prop="foo"', 'v-custom-directive'
+ex: 'custom-prop="foo"', 'v-bind:prop="foo"', ':prop="foo"'
 - EVENTS
 ex: '@click="functionCall"', 'v-on="event"'
 - CONTENT
@@ -88,7 +90,7 @@ Specify custom order of attribute groups
 :+1: Examples of **correct** code with custom order`:
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_DIRECTIVES', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
 <div
   prop-one="prop"
   prop-two="prop"
@@ -97,7 +99,7 @@ Specify custom order of attribute groups
 ```
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_DIRECTIVES', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   is="header"
@@ -109,7 +111,7 @@ Specify custom order of attribute groups
 :-1: Examples of **incorrect** code with custom order`:
 
 ```html
-<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
+<!-- 'vue/attributes-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_DIRECTIVES', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
   prop-one="prop"
diff --git a/lib/rules/attributes-order.js b/lib/rules/attributes-order.js
index c5d8740c8..4e35f01dc 100644
--- a/lib/rules/attributes-order.js
+++ b/lib/rules/attributes-order.js
@@ -24,7 +24,7 @@ function getAttributeType (name, isDirective) {
     } else if (name === 'html' || name === 'text') {
       return 'CONTENT'
     } else {
-      return 'OTHER_ATTR'
+      return 'OTHER_DIRECTIVES'
     }
   } else {
     if (name === 'is') {
@@ -50,7 +50,7 @@ function getPosition (attribute, attributeOrder) {
 
 function create (context) {
   const sourceCode = context.getSourceCode()
-  let attributeOrder = ['DEFINITION', 'LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT']
+  let attributeOrder = ['DEFINITION', 'LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_DIRECTIVES', 'OTHER_ATTR', 'EVENTS', 'CONTENT']
   if (context.options[0] && context.options[0].order) {
     attributeOrder = context.options[0].order
   }
diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 799be21fc..8b1223563 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -190,6 +190,7 @@ tester.run('attributes-order', rule, {
             'GLOBAL',
             'UNIQUE',
             'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
             'OTHER_ATTR',
             'EVENTS',
             'CONTENT',
@@ -208,6 +209,7 @@ tester.run('attributes-order', rule, {
             'UNIQUE',
             'TWO_WAY_BINDING',
             'DEFINITION',
+            'OTHER_DIRECTIVES',
             'OTHER_ATTR',
             'EVENTS',
             'CONTENT']
@@ -349,6 +351,7 @@ tester.run('attributes-order', rule, {
             'UNIQUE',
             'TWO_WAY_BINDING',
             'DEFINITION',
+            'OTHER_DIRECTIVES',
             'OTHER_ATTR',
             'EVENTS',
             'CONTENT']

From 7c9910294f9a29a091cb950658e6781926cb1131 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Fri, 23 Mar 2018 10:48:26 +0800
Subject: [PATCH 5/6] Fix: Typo

---
 docs/rules/attributes-order.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/attributes-order.md b/docs/rules/attributes-order.md
index ab00e8ae6..5c5732c61 100644
--- a/docs/rules/attributes-order.md
+++ b/docs/rules/attributes-order.md
@@ -5,7 +5,7 @@
 
 ## :book: Rule Details
 
-This rule aims to enfore ordering of component attributes. The default order is specified in the [Vue styleguide](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended) and is:
+This rule aims to enforce ordering of component attributes. The default order is specified in the [Vue styleguide](https://vuejs.org/v2/style-guide/#Element-attribute-order-recommended) and is:
 - DEFINITION
 ex: 'is'
 - LIST_RENDERING

From a80ea67ba791916920f101b77859e3272b218585 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B7=B4=E9=87=8C=E5=88=87=E7=BD=97?=
 <ydfzgyj@baliqieluo.com>
Date: Tue, 24 Apr 2018 16:45:16 +0800
Subject: [PATCH 6/6] Fix: Resolve Conflict

---
 tests/lib/rules/attributes-order.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/tests/lib/rules/attributes-order.js b/tests/lib/rules/attributes-order.js
index 8b1223563..ece0b262a 100644
--- a/tests/lib/rules/attributes-order.js
+++ b/tests/lib/rules/attributes-order.js
@@ -226,9 +226,9 @@ tester.run('attributes-order', rule, {
             is="header"
             v-on:click="functionCall"
             ref="header"
-            :prop="headerData"
             v-text="textContent"
             id="uniqueID"
+            :prop="headerData"
             myProp="prop"
             >
           </div>
@@ -242,10 +242,11 @@ tester.run('attributes-order', rule, {
             'DEFINITION',
             'EVENTS',
             'UNIQUE',
-            'BINDING',
+            'TWO_WAY_BINDING',
             'CONTENT',
             'GLOBAL',
-            'OTHER_ATTR'
+            'OTHER_ATTR',
+            'OTHER_DIRECTIVES'
           ]
         }]
     }
@@ -286,7 +287,7 @@ tester.run('attributes-order', rule, {
           <div
             v-model="toggle"
             model="baz"
-            :bindingProp="foo"
+            :id="foo"
             propOne="bar">
           </div>
         </template>`,
@@ -464,7 +465,7 @@ tester.run('attributes-order', rule, {
         { order:
           [
             'EVENTS',
-            'BINDING',
+            'TWO_WAY_BINDING',
             'UNIQUE',
             'DEFINITION',
             'CONDITIONALS',
@@ -472,6 +473,7 @@ tester.run('attributes-order', rule, {
             'RENDER_MODIFIERS',
             'GLOBAL',
             'OTHER_ATTR',
+            'OTHER_DIRECTIVES',
             'CONTENT'
           ]
         }],
@@ -504,10 +506,6 @@ tester.run('attributes-order', rule, {
           message: 'Attribute "ref" should go before "v-once".',
           nodeType: 'VIdentifier'
         },
-        {
-          message: 'Attribute ":prop" should go before "v-once".',
-          nodeType: 'VDirectiveKey'
-        },
         {
           message: 'Attribute "id" should go before "v-text".',
           nodeType: 'VIdentifier'