use new syntax for v-el

Author: yyx990803

src/compiler/compile.js

@@ -11,6 +11,7 @@ var componentDef = require('../directives/component')
 // special binding prefixes
 var bindRE = /^bind-|^:/
 var onRE = /^on-/
+var nodeRefRE = /^\$\$\./
 
 // terminal directives
 var terminalDirectives = [
@@ -595,12 +596,10 @@ function compileDirectives (attrs, options) {
       })
     } else
 
-    // special case for el
-    if (name === 'el' || name === 'bind-el' || name === ':el') {
+    if (nodeRefRE.test(name)) {
       dirs.push({
         name: 'el',
-        arg: bindRE.test(name),
-        descriptors: [newDirParser.parse(value)],
+        descriptors: [newDirParser.parse(name.replace(nodeRefRE, ''))],
         def: options.directives.el
       })
     } else

test/unit/specs/directives/el_spec.js

@@ -28,7 +28,7 @@ if (_.inBrowser) {
         data: {
           ok: true
         },
-        template: '<div v-if="ok" el="test" id="test"></div>'
+        template: '<div $$.test v-if="ok" id="test"></div>'
       })
       expect(vm.$$.test).toBeTruthy()
       expect(vm.$$.test.id).toBe('test')
@@ -43,25 +43,6 @@ if (_.inBrowser) {
       })
     })
 
-    it('bind-el', function (done) {
-      var vm = new Vue({
-        el: el,
-        data: {
-          id: 'test'
-        },
-        template: '<div bind-el="id" id="test"></div>'
-      })
-      expect(vm.$$.test).toBeTruthy()
-      expect(vm.$$.test.id).toBe('test')
-      vm.id = 'changed'
-      _.nextTick(function () {
-        expect(vm.$$.test).toBeNull()
-        expect(vm.$$.changed).toBeTruthy()
-        expect(vm.$$.changed.id).toBe('test')
-        done()
-      })
-    })
-
     it('with v-repeat', function (done) {
       var vm = new Vue({
         el: el,