add inject directive

src/compiler/compile.js

@@ -29,7 +29,8 @@ const transitionRE = /^(v-bind:|:)?transition$/
 // terminal directives
 const terminalDirectives = [
   'for',
-  'if'
+  'if',
+  'inject'
 ]
 
 // default directive priority

src/directives/priorities.js

@@ -8,3 +8,4 @@ export const PARTIAL = 1750
 export const SLOT = 1750
 export const FOR = 2000
 export const IF = 2000
+export const INJECT = 2000

src/directives/public/index.js

@@ -4,6 +4,7 @@ import html from './html'
 // logic control
 import vFor from './for'
 import vIf from './if'
+import inject from './inject'
 import show from './show'
 // two-way binding
 import model from './model/index'
@@ -23,6 +24,7 @@ export default {
   html,
   'for': vFor,
   'if': vIf,
+  inject,
   show,
   model,
   on,

src/directives/public/inject.js

@@ -0,0 +1,37 @@
+import FragmentFactory from '../../fragment/factory'
+import { INJECT } from '../priorities'
+import {
+  remove,
+  createAnchor,
+  warn
+} from '../../util/index'
+
+export default {
+
+  priority: INJECT,
+
+  bind () {
+    var el = this.el
+    if (!el.__vue__) {
+      var container = this.arg
+        ? document.getElementById(this.arg)
+        : document.body
+      this.anchor = createAnchor('v-inject')
+      container.appendChild(this.anchor)
+      remove(this.el)
+      var factory = new FragmentFactory(this.vm, el)
+      this.frag = factory.create(this._host, this._scope, this._frag)
+      this.frag.before(this.anchor)
+    } else {
+      process.env.NODE_ENV !== 'production' && warn(
+        'v-inject="' + this.expression + '" cannot be ' +
+        'used on an instance root element.'
+      )
+    }
+  },
+
+  unbind: function () {
+    this.frag.remove()
+    remove(this.anchor)
+  }
+}