bring back attribute interpolation

Author: yyx990803

src/compiler/compile.js

@@ -555,11 +555,20 @@ function makeTerminalNodeLinkFn (el, dirName, value, options, def) {
 function compileDirectives (attrs, options) {
   var i = attrs.length
   var dirs = []
-  var attr, name, value, dirName, arg, dirDef, isLiteral
+  var attr, name, raw, value, dirName, arg, dirDef, isLiteral, tokens
   while (i--) {
     attr = attrs[i]
     name = attr.name
-    value = attr.value
+    raw = value = attr.value
+
+    // attribute interpolations
+    if (tokens = textParser.parse(value)) {
+      value = textParser.tokensToExp(tokens)
+      pushDir('bind', publicDirectives.bind, {
+        arg: name,
+        interp: true
+      })
+    } else
 
     // special attribute: transition
     if (transitionRE.test(name)) {
@@ -639,7 +648,7 @@ function compileDirectives (attrs, options) {
     var dir = {
       name: dirName,
       attr: name,
-      raw: value,
+      raw: raw,
       def: def,
       expression: parsed.expression,
       filters: parsed.filters

src/directives/public/bind.js

@@ -1,3 +1,5 @@
+var _ = require('../../util')
+
 // xlink
 var xlinkNS = 'http://www.w3.org/1999/xlink'
 var xlinkRE = /^xlink:/
@@ -23,6 +25,7 @@ module.exports = {
   priority: 850,
 
   update: function (value) {
+    if (this.invalid) return
     var attr = this.arg
     if (inputProps[attr] && attr in this.el) {
       if (!this.valueRemoved) {
@@ -46,3 +49,50 @@ module.exports = {
     }
   }
 }
+
+if (process.env.NODE_ENV !== 'production') {
+  module.exports.bind = function () {
+    var attr = this.arg
+    // handle interpolation bindings
+    if (this.descriptor.interp) {
+      var raw = attr + '="' + this.descriptor.raw + '": '
+      // only allow binding on native attributes
+      if (
+        // data attributes are allowed
+        !(/^data-/.test(attr)) &&
+        // class is allowed
+        !(attr === 'class') &&
+        (
+          // label for
+          (attr === 'for' && !('htmlFor' in this.el)) ||
+          // other native attributes
+          !(_.camelize(attr) in this.el)
+        )
+      ) {
+        _.warn(
+          raw + 'attribute interpolation is allowed only ' +
+          'in valid native attributes. "' + attr + '" ' +
+          'is not a valid attribute on <' + this.el.tagName.toLowerCase() + '>.'
+        )
+        this.invalid = true
+      }
+
+      // warn src
+      if (attr === 'src') {
+        _.warn(
+          raw + 'interpolation in "src" attribute will cause ' +
+          'a 404 request. Use v-bind:src instead.'
+        )
+      }
+
+      // warn style
+      if (attr === 'style') {
+        _.warn(
+          raw + 'interpolation in "style" attribtue will cause ' +
+          'the attribtue to be discarded in Internet Explorer. ' +
+          'Use v-bind:style instead.'
+        )
+      }
+    }
+  }
+}