ホーム エクスプローラ ヘルプ
登録 サインイン
vuejs
/
vue
同期ミラー https://github.com/vuejs/vue.git
2
0
フォーク 0
ファイル 課題 0 Wiki
ソースを参照

child VMs should remove itself from parent's $ when destroyed

Evan You 12 年 前
親
d191ce3062
コミット
be72b739c5
3 ファイル変更、8 行追加、33 行削除
一括表示 差分情報を表示
  1. 6 1
      src/compiler.js
  2. 0 32
      test/functional/fixtures/child-id.html
  3. 2 0
      test/unit/specs/directives.js

+ 6 - 1
src/compiler.js
ファイルの表示 

@@ -78,6 +78,7 @@ function Compiler (vm, options) {
 
     // register child id on parent
 
     // register child id on parent
 
     var childId = compiler.el.getAttribute(idAttr)
 
     var childId = compiler.el.getAttribute(idAttr)
 
     if (childId && parent) {
 
     if (childId && parent) {
 
+        compiler.childId = childId
 
         parent.vm.$[childId] = vm
 
         parent.vm.$[childId] = vm
 
     }
 
     }
 
 
 
@@ -590,9 +591,13 @@ CompilerProto.destroy = function () {
 
         }
 
         }
 
     }
 
     }
 
     // remove self from parentCompiler
 
     // remove self from parentCompiler
 
-    var parent = compiler.parentCompiler
 
+    var parent = compiler.parentCompiler,
 
+        childId = compiler.childId
 
     if (parent) {
 
     if (parent) {
 
         parent.childCompilers.splice(parent.childCompilers.indexOf(compiler), 1)
 
         parent.childCompilers.splice(parent.childCompilers.indexOf(compiler), 1)
 
+        if (childId) {
 
+            delete parent.vm.$[childId]
 
+        }
 
     }
 
     }
 
     // remove el
 
     // remove el
 
     if (el === document.body) {
 
     if (el === document.body) {

+ 0 - 32
test/functional/fixtures/child-id.html
ファイルの表示 

@@ -1,32 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-    <head>
 
-        <title></title>
 
-        <meta charset="utf-8">
 
-        <script src="../../../dist/seed.js"></script>
 
-    </head>
 
-    <body>
 
-        <div id="parent">
 
-            <div sd-id="child" sd-viewmodel="child">
 
-                {{msg}}
 
-            </div>
 
-        </div>
 
-        <script>
 
-            Seed.viewmodel('child', Seed.extend({
 
-                init: function () {
 
-                    console.log('child init!')
 
-                },
 
-                proto: {
 
-                    hi: function () {
 
-                        console.log('hi from child!')
 
-                    }
 
-                },
 
-                scope: {
 
-                    msg: 'I am a child'
 
-                }
 
-            }))
 
-            var app = new Seed({el:'#parent'})
 
-            app.$.child.msg = 'Set from the parent!'
 
-        </script>
 
-    </body>
 
-</html>

+ 2 - 0
test/unit/specs/directives.js
ファイルの表示 

@@ -566,6 +566,8 @@ describe('UNIT: Directives', function () {
 
             assert.ok(t.$.hihi instanceof Child)
 
             assert.ok(t.$.hihi instanceof Child)
 
             t.$.hihi.test()
 
             t.$.hihi.test()
 
             assert.ok(called)
 
             assert.ok(called)
 
+            t.$.hihi.$destroy()
 
+            assert.notOk('hihi' in t.$)
 
         })
 
         })
 
 
 
     })
 
     })