test and change doc for vm.$compile

yyx990803 · yyx990803 · commit de966f63b684 · 2014-10-21T04:05:01.000-04:00
diff --git a/changes.md b/changes.md
@@ -270,6 +270,10 @@ By default, all child components **DO NOT** inherit the parent scope. Only anony
     vm.$log('item') // logs vm.item
     ```
 
+  - `vm.$compile`
+
+    Partially compile a piece of DOM (Element or DocumentFragment). Returns a "decompile" function that tearsdown the directives created during the process. Note the decompile function does not remove the DOM. This method is exposed primarily for writing advanced custom directives.
+
 ## Computed Properties API Change
 
 > Breaking
diff --git a/test/unit/specs/api/lifecycle_spec.js b/test/unit/specs/api/lifecycle_spec.js
@@ -257,5 +257,34 @@ if (_.inBrowser) {
 
     })
 
+    describe('$compile', function () {
+
+      it('should partial compile and teardown stuff', function (done) {
+        var el = document.createElement('div')
+        var vm = new Vue({
+          el: el,
+          template: '{{a}}',
+          data: {
+            a: 'hi'
+          }
+        })
+        expect(vm._directives.length).toBe(1)
+        var partial = document.createElement('span')
+        partial.textContent = '{{a}}'
+        var decompile = vm.$compile(partial)
+        expect(partial.textContent).toBe('hi')
+        expect(vm._directives.length).toBe(2)
+        decompile()
+        expect(vm._directives.length).toBe(1)
+        vm.a = 'ha'
+        _.nextTick(function () {
+          expect(el.textContent).toBe('ha')
+          expect(partial.textContent).toBe('hi')
+          done()
+        })
+      })
+
+    })
+
   })
 }
