diff --git a/Slim.js b/Slim.js
index 7ca5541..81113f9 100644
--- a/Slim.js
+++ b/Slim.js
@@ -8,8 +8,8 @@ class Slim extends HTMLElement {
     }
 
     static plugin(phase, plugin) {
-        if (phase !== 'create' && phase !== 'beforeRender' && phase !== 'afterRender') {
-            throw "Supported phase can be create, beforeRender or afterRender only"
+        if (phase !== 'create' && phase !== 'beforeRender' && phase !== 'afterRender' && phase !== 'beforeDestroy') {
+            throw "Supported phase can be create, beforeDestroy, beforeRender or afterRender only"
         }
         Slim.__plugins[phase].push(plugin)
     }
@@ -125,14 +125,14 @@ class Slim extends HTMLElement {
                 if (!source.__lookupSetter__(prop)) source.__defineSetter__(prop, function(x) {
                     this._bindings[prop].value = x
                     if (descriptor.sourceText) {
-                        descriptor.target.textContent = descriptor.sourceText
+                        descriptor.target.innerText = descriptor.sourceText
                     }
                     this._executeBindings()
                 })
                 let executor
                 if (descriptor.type === 'P') {
                     executor = () => {
-                        let value = Slim.__lookup(source, prop).obj //this._bindings[prop].value
+                        let value = Slim.__lookup(source, prop).obj
                         descriptor.target[ Slim.__dashToCamel(descriptor.attribute) ] = value
                         descriptor.target.setAttribute( descriptor.attribute, value )
                     }
@@ -146,7 +146,7 @@ class Slim extends HTMLElement {
                 } else if (descriptor.type === 'T') {
                     executor = () => {
                         let source = descriptor.target._boundParent
-                        descriptor.target.textContent = descriptor.target.textContent.replace(`[[${prop}]]`, Slim.__lookup(source, prop).obj)
+                        descriptor.target.innerText = descriptor.target.innerText.replace(`[[${prop}]]`, Slim.__lookup(source, prop).obj)
                     }
                 } else if (descriptor.type === 'R') {
                     executor = () => {
@@ -236,7 +236,13 @@ class Slim extends HTMLElement {
         this.update()
     }
 
+    detachedCallback() {
+        Slim.__runPlugins('beforeDestroy', this)
+        this.onDestroy()
+    }
+
     initialize(forceNewVirtualDOM = false) {
+        this._executeByBindAttribute = true
         this._bindings = this._bindings || {}
         this._boundChildren = this._boundChildren || []
         this.alternateTemplate = this.alternateTemplate || null
@@ -249,6 +255,7 @@ class Slim extends HTMLElement {
     get isSlim() { return true }
     get template() { return null }
 
+    onDestroy() { /* abstract */ }
     onBeforeCreated() { /* abstract */ }
     onCreated() { /* abstract */}
     onBeforeRender() { /* abstract */ }
@@ -258,19 +265,30 @@ class Slim extends HTMLElement {
     }
 
     render(template) {
+        Slim.__runPlugins('beforeRender', this)
+        this.onBeforeRender()
         this.alternateTemplate = template
         this.initialize(true)
         this.innerHTML = ''
         this._captureBindings()
         Slim.__moveChildren( this._virtualDOM, this, true )
         this._executeBindings()
+        this.onAfterRender()
+        Slim.__runPlugins('afterRender', this)
     }
 
 
     _executeBindings() {
-        this.findAll('[bind]').forEach( child => {
-            if (child.sourceText) {
-                child.textContent = child.sourceText
+        let children
+        if (this._executeByBindAttribute == false) {
+            children = this._boundChildren
+        } else {
+            children = this.findAll('*[bind]')
+        }
+        children.forEach( child => {
+        // this._boundChildren.forEach( child => {
+            if (child.sourceText !== undefined) {
+                child.innerText = child.sourceText
             }
         })
         Object.keys(this._bindings).forEach( property => {
@@ -296,6 +314,9 @@ class Slim extends HTMLElement {
 
         let allChildren = Array.prototype.slice.call( this._virtualDOM.querySelectorAll('*') )
         for (let child of allChildren) {
+            if (child === this._virtualDOM) {
+                alert('fuck')
+            }
             child._boundParent = child._boundParent || this
             this._boundChildren.push(child)
             if (child.getAttribute('slim-id')) {
@@ -307,6 +328,10 @@ class Slim extends HTMLElement {
             if (child.attributes) for (let i = 0; i < child.attributes.length; i++) {
                 let desc = Slim.__processAttribute(child.attributes[i], child)
                 if (desc) descriptors.push(desc)
+                if (child.attributes[i].nodeName.indexOf('#') == '0') {
+                    let refName = child.attributes[i].nodeName.slice(1)
+                    this[refName] = child
+                }
             }
 
             descriptors = descriptors.sort( (a) => {
@@ -331,17 +356,8 @@ class Slim extends HTMLElement {
 
         allChildren = Array.prototype.slice.call( this._virtualDOM.querySelectorAll('*[bind]'))
 
-        const x = function getDescendantProp(obj, desc) {
-            var arr = desc.split(".");
-            var prop = arr[0]
-            while(arr.length && obj) {
-                obj = obj[prop = arr.shift()]
-            }
-            return {source: desc, prop:prop, obj:obj};
-        }
-
         for (let child of allChildren) {
-            let match = child.textContent.match(/\[\[([\w|.]+)\]\]/g)
+            let match = child.innerText.match(/\[\[([\w|.]+)\]\]/g)
             if (match) {
                 let properties = []
                 for (let i = 0; i < match.length; i++) {
@@ -352,9 +368,9 @@ class Slim extends HTMLElement {
                     type: 'T',
                     properties: properties,
                     target: child,
-                    sourceText: child.textContent
+                    sourceText: child.innerText
                 }
-                descriptor.target.sourceText = descriptor.sourceText
+                child.sourceText = child.innerText
                 this.__bind(descriptor)
             }
         }
@@ -400,32 +416,23 @@ class SlimRepeater extends Slim {
         this.clones = []
         this.innerHTML = ''
 
-        if (Slim.__isWCSupported) {
-            this.sourceData.forEach( (dataItem, index ) => {
-                let clone = this.sourceNode.cloneNode(true)
-                // clone.innerHTML = this.sourceNode.innerHTML
-                clone.removeAttribute('slim-repeat')
-                clone.data = dataItem
-                clone.data_index = index
-                clone.data_source = this.sourceData
-                clone.sourceText = clone.textContent
-                this.clones.push(clone)
-                this.insertAdjacentElement('beforeEnd', clone)
-            })
-        } else {
-            this.sourceData.forEach( (dataItem, index ) => {
-                let clone = this.sourceNode.cloneNode(true)
-                clone.removeAttribute('slim-repeat')
-                clone.setAttribute('slim-repeat-index', index)
+        this.sourceData.forEach( (dataItem, index) => {
+            let clone = this.sourceNode.cloneNode(true)
+            clone.removeAttribute('slim-repeat')
+            clone.setAttribute('slim-repeat-index', index)
+            if (!Slim.__isWCSupported) {
                 this.insertAdjacentHTML('beforeEnd', clone.outerHTML)
                 clone = this.find('*[slim-repeat-index="' + index.toString() + '"]')
-                clone.data = dataItem
-                clone.data_index = index
-                clone.data_source = this.sourceData
-                clone.sourceText = clone.textContent
-                this.clones.push(clone)
-            })
-        }
+            }
+            clone.data = dataItem
+            clone.data_index = index
+            clone.data_source = this.sourceData
+            clone.sourceText = clone.innerText
+            if (Slim.__isWCSupported) {
+                this.insertAdjacentElement('beforeEnd', clone)
+            }
+            this.clones.push(clone)
+        })
         this._captureBindings()
         for (let clone of this.clones) {
             clone.data = clone.data
diff --git a/example/tests/bind-child.js b/example/tests/bind-child.js
index b842cad..3ffd708 100644
--- a/example/tests/bind-child.js
+++ b/example/tests/bind-child.js
@@ -1,7 +1,7 @@
 Slim.tag('bind-child', class extends Slim {
 
     get template() {
-        return `<div bind>[[data.label]] Click for value [[updateCount]] / [[renderCount]]</div>`
+        return `<div #myDiv bind>[[data.label]] Click for value [[updateCount]] / [[renderCount]]</div>`
     }
 
     onBeforeCreated() {
@@ -21,10 +21,11 @@ Slim.tag('bind-child', class extends Slim {
     }
 
     onAfterRender() {
+        this.mydiv.style.color = 'red'
         this.onclick = ()=>{
             this.customRender = !this.customRender;
             if (this.customRender) {
-                this.render(`<div prop="[[data.label]]" bind>[[data.label]] : [[data.value]] - [[updateCount]] / [[renderCount]]</div>`)
+                this.render(`<div #mydiv prop="[[data.label]]" bind>[[data.label]] : [[data.value]] - [[updateCount]] / [[renderCount]]</div>`)
             } else {
                 this.render()
             }
diff --git a/example/tests/bind-parent.js b/example/tests/bind-parent.js
index 91efcef..99224f1 100644
--- a/example/tests/bind-parent.js
+++ b/example/tests/bind-parent.js
@@ -2,7 +2,8 @@ Slim.tag('bind-parent', class extends Slim {
 
     get template() {
         return `
-        <div calc="[[calcMinus(myProp, urProp)]]"><span minus="[calcMinus(myProp, urProp)]" bind>[[wProp]]</div>
+        <h1 bind>[[myTitle]]</h1>
+        <div calc="[[calcMinus(myProp, urProp)]]"><span minus="[[calcMinus(myProp, urProp)]]" bind>[[wProp]]</div>
         <div slim-repeat="items" bind>[[data.label]] >>> [[data.value]]</div>
         <hr/>
         <li slim-repeat="items"><div>Div</div><span bind>Label [[data.label]]</span></li>
@@ -19,6 +20,7 @@ Slim.tag('bind-parent', class extends Slim {
     }
 
     onBeforeCreated() {
+        this.myTitle = "Binding Test"
         this.myProp = 0
         this.urProp = 1
         this.wProp = this.myProp + this.urProp
@@ -41,6 +43,7 @@ Slim.tag('bind-parent', class extends Slim {
         setTimeout( () => {
             this.myProp = Math.random()
             this.urProp = Math.random()
+            this.wProp = this.myProp + this.urProp
             let l = parseInt(Math.random() * 5)
             let tmpItems = []
             for (let a = l; a >=0 ; a--) {
@@ -55,6 +58,7 @@ Slim.tag('bind-parent', class extends Slim {
         setTimeout( () => {
             this.myProp = Math.random()
             this.urProp = Math.random()
+            this.wProp = this.myProp + this.urProp
             let l = parseInt(Math.random() * 5)
             let tmpItems = []
             for (let a = l; a >=0 ; a--) {
diff --git a/example/tests/bind-test.html b/example/tests/bind-test.html
index 551c4e2..b791170 100644
--- a/example/tests/bind-test.html
+++ b/example/tests/bind-test.html
@@ -76,7 +76,7 @@
 
 
     <bind-parent>
-        <li slim-repeat="items"><bind-child a-prop="[[myProp]]" b-prop="[[urProp]]"></bind-child></li>
+        <li slim-repeat="items"><span bind>[[data_index]]</span><bind-child a-prop="[[myProp]]" b-prop="[[urProp]]"></bind-child></li>
         <br/>
         <hr/>
         <tree-list bind-wprop="[[wProp]]" slim-repeat="tree"></tree-list>
diff --git a/framework/components/basic-elements.js b/framework/components/basic-elements.js
index 432dab1..d7a7d70 100644
--- a/framework/components/basic-elements.js
+++ b/framework/components/basic-elements.js
@@ -59,15 +59,19 @@ Slim.tag('s-input-model', class extends SlimModel {
 Slim.tag('s-editable-input', class extends Slim {
 
     get template() {
-        return `<span slim-id="label" bind>[[text]]</span><input slim-id="inp" type="text" value=[[text]] />`
+        return `<span #label bind>[[text]]</span><input #inp type="text" value=[[text]] />`
+    }
+
+    onBeforeCreated() {
+        this._executeByBindAttribute = true
     }
 
     onCreated() {
         this._boundProperty = this.getAttribute('text')
         if (this._boundProperty && this._boundProperty.indexOf('@' === 0)) {
             this._boundProperty = this._boundProperty.replace('@', '')
-            this.text = this._boundParent[ this._boundProperty ]
         }
+        this.text = this._boundParent[ this._boundProperty ]
 
         this.style.position = 'relative'
         this.inp.style.display = 'none'
diff --git a/framework/tests/slim-ui-test.js b/framework/tests/slim-ui-test.js
index 0e6f94e..ae319e8 100644
--- a/framework/tests/slim-ui-test.js
+++ b/framework/tests/slim-ui-test.js
@@ -34,6 +34,9 @@ Slim.tag('slim-ui-test', class extends Slim {
 
 Slim.tag('editable-ui-test', class extends Slim {
 
+    onBeforeCreated() {
+        this._executeByBindAttribute = false
+    }
 
     get template() {
         return '<div bind>Hello, [[myText]]</div><s-editable-input text="@myText"></s-editable-input>'