support filters inside props

Author: yyx990803

src/compiler/compile-props.js

@@ -1,4 +1,5 @@
 var _ = require('../util')
+var dirParser = require('../parsers/directive-new')
 var textParser = require('../parsers/text')
 var propDef = require('../directives/prop')
 var propBindingModes = require('../config')._propBindingModes
@@ -24,7 +25,7 @@ var literalValueRE = /^(true|false)$|^\d.*/
 module.exports = function compileProps (el, propOptions) {
   var props = []
   var i = propOptions.length
-  var options, name, attr, value, path, prop, literal, single
+  var options, name, attr, value, path, prop, literal, single, parsed
   while (i--) {
     options = propOptions[i]
     name = options.name
@@ -108,7 +109,9 @@ module.exports = function compileProps (el, propOptions) {
         // mark it so we know this is a bind
         prop.bindSyntax = true
         el.removeAttribute(attr)
-        value = value.trim()
+        parsed = dirParser.parse(value)
+        value = parsed.expression
+        prop.filters = parsed.filters
         // check binding type
         if (literalValueRE.test(value)) {
           prop.mode = propBindingModes.ONE_TIME

src/directives/prop.js

@@ -27,6 +27,7 @@ module.exports = {
         }
       }, {
         sync: true,
+        filters: prop.filters,
         // important: props need to be observed on the
         // repeat scope if present
         scope: this._scope

test/unit/specs/directives/prop_spec.js

@@ -524,5 +524,32 @@ if (_.inBrowser) {
       })
       expect(_.warn).not.toHaveBeenCalled()
     })
+
+    it('new syntax with filters', function (done) {
+      var vm = new Vue({
+        el: el,
+        template: '<test bind-name="a | test"></test>',
+        data: {
+          a: 123
+        },
+        filters: {
+          test: function (v) {
+            return v * 2
+          }
+        },
+        components: {
+          test: {
+            props: ['name'],
+            template: '{{name}}'
+          }
+        }
+      })
+      expect(el.textContent).toBe('246')
+      vm.a = 234
+      _.nextTick(function () {
+        expect(el.textContent).toBe('468')
+        done()
+      })
+    })
   })
 }