fix: compile container directives in correct context (fix vuejs#1442)

Author: yyx990803

src/compiler/compile.js

@@ -180,10 +180,11 @@ exports.compileAndLinkProps = function (vm, el, props, scope) {
  * @param {Vue} vm
  * @param {Element} el
  * @param {Object} options
+ * @param {Object} contextOptions
  * @return {Function}
  */
 
-exports.compileRoot = function (el, options) {
+exports.compileRoot = function (el, options, contextOptions) {
   var containerAttrs = options._containerAttrs
   var replacerAttrs = options._replacerAttrs
   var contextLinkFn, replacerLinkFn
@@ -195,8 +196,8 @@ exports.compileRoot = function (el, options) {
     // compiled separately and linked in different scopes.
     if (options._asComponent) {
       // 2. container attributes
-      if (containerAttrs) {
-        contextLinkFn = compileDirectives(containerAttrs, options)
+      if (containerAttrs && contextOptions) {
+        contextLinkFn = compileDirectives(containerAttrs, contextOptions)
       }
       if (replacerAttrs) {
         // 3. replacer attributes

src/instance/lifecycle.js

@@ -33,7 +33,8 @@ exports._compile = function (el) {
 
     // root is always compiled per-instance, because
     // container attrs and props can be different every time.
-    var rootLinker = compiler.compileRoot(el, options)
+    var contextOptions = this._context && this._context.$options
+    var rootLinker = compiler.compileRoot(el, options, contextOptions)
 
     // compile and link the rest
     var contentLinkFn

test/unit/specs/compiler/compile_spec.js

@@ -548,5 +548,22 @@ if (_.inBrowser) {
       expect(hasWarned(_, 'v-show is ignored on component <test>')).toBe(true)
     })
 
+    it('should compile component container directives using correct context', function () {
+      new Vue({
+        el: el,
+        directives: {
+          test: {
+            bind: function () {
+              this.el.textContent = 'worked!'
+            }
+          }
+        },
+        template: '<comp v-test></comp>',
+        components: { comp: { template: '<div></div>'}}
+      })
+      expect(el.textContent).toBe('worked!')
+      expect(_.warn).not.toHaveBeenCalled()
+    })
+
   })
 }