FoxMalder · January 10, 2021 19:26 · Feb 16, 2018 · Jan 22, 2018 · Jan 22, 2018 · Jan 22, 2018
diff --git a/vue.md b/vue.md
@@ -1,4 +1,4 @@
-# Vue.js При необходимости передать ивент из родителя в потомок.
+# Передать ивент из родителя в потомок (Vue.js)
 
 В потомке подписываемся  на некое событие через `$parent.$on('some-event')`.
 В родителе емитим это событие.

diff --git a/vue.md b/vue.md
@@ -1,6 +1,6 @@
-# При необходимости передать ивент из родителя в потомок
+# Vue.js При необходимости передать ивент из родителя в потомок.
 
-В потомке подписываемся  на некое событие `update` через `$parent` и `$on`.
+В потомке подписываемся  на некое событие через `$parent.$on('some-event')`.
 В родителе емитим это событие.
 
 ```

diff --git a/vue.md b/vue.md
@@ -1,6 +1,6 @@
 # При необходимости передать ивент из родителя в потомок
 
-В потомке подписываемся  на некое событие `update` через `$parent` и `$on`
+В потомке подписываемся  на некое событие `update` через `$parent` и `$on`.
 В родителе емитим это событие.
 
 ```

diff --git a/vue.md b/vue.md
@@ -0,0 +1,42 @@
+# При необходимости передать ивент из родителя в потомок
+
+В потомке подписываемся  на некое событие `update` через `$parent` и `$on`
+В родителе емитим это событие.
+
+```
+<div id="app">
+  <my-component></my-component>
+  <button @click="click">Click</button>  
+</div>
+```
+
+```
+var Child = {
+  template: '<div>{{value}}</div>',
+  data: function () {
+    return {
+      value: 0
+    };
+  },
+  methods: {
+    setValue: function(value) {
+        this.value = value;
+    }
+  },
+  created: function() {
+    this.$parent.$on('update', this.setValue);
+  }
+}
+
+new Vue({
+  el: '#app',
+  components: {
+    'my-component': Child
+  },
+  methods: {
+    click: function() {
+        this.$emit('update', 7);
+    }
+  }
+})
+```
No results found