<p dir="auto">i use vue1.0.24 Version.</p>
<p dir="auto">i want wirte a plugin .<br>
may be use Vue.mixin way to implement</p>
<p dir="auto">html5 have localStorage.getItem localStorage.setItem.</p>
<p dir="auto">i want localStorage.xxx responsive view.</p>
<p dir="auto">like</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export default {
   cache:['cacheKey1', 'cacheKey2', 'cacheKey2'],
   methods:{
          changeKey1(newVal){
                  this.$cache.set('cacheKey1', newVal);//responsive  view can interaction this change {{cacheKey1}}
          }
   }
}"><pre class="notranslate"><code class="notranslate">export default {
   cache:['cacheKey1', 'cacheKey2', 'cacheKey2'],
   methods:{
          changeKey1(newVal){
                  this.$cache.set('cacheKey1', newVal);//responsive  view can interaction this change {{cacheKey1}}
          }
   }
}
</code></pre></div>
<p dir="auto">cache.js</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Vue.mixin({
            created: function () {
                if (this.$options.hasOwnProperty(&quot;cache&quot;)) {
                    console.log(this.$options.computed);
                    this.$options.computed = this.$options.computed || {};
                    var len = this.$options.cache.length;
                    for(var i=0; i &lt; len; i++){
                        var cacheName = this.$options.cache[i];
                        this.$options.computed[cacheName] = {
                            get:function(){
                                console.log('here1');
                                return this.localStore.get(cacheName);
                            },
                            set:function(val){
                                this.localStore.set(cacheName, val);
                            }
                        }
                        console.log(cacheName);
                    }
                    console.log(this.$options.computed);
                }
            }
        });"><pre class="notranslate"><code class="notranslate">Vue.mixin({
            created: function () {
                if (this.$options.hasOwnProperty("cache")) {
                    console.log(this.$options.computed);
                    this.$options.computed = this.$options.computed || {};
                    var len = this.$options.cache.length;
                    for(var i=0; i &lt; len; i++){
                        var cacheName = this.$options.cache[i];
                        this.$options.computed[cacheName] = {
                            get:function(){
                                console.log('here1');
                                return this.localStore.get(cacheName);
                            },
                            set:function(val){
                                this.localStore.set(cacheName, val);
                            }
                        }
                        console.log(cacheName);
                    }
                    console.log(this.$options.computed);
                }
            }
        });
</code></pre></div>
<p dir="auto">computed  have data.but not response</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/anon/pen/dxGVOg?editors=1010#0" rel="nofollow">https://codepen.io/anon/pen/dxGVOg?editors=1010#0</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">In your render function, create two distinct elements (with two separate createElement calls), but with the same data object specifying an event listener.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">When the event is triggered from the <em>second</em> child component, it should fire the appropiate handler.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Nothing</p>
<hr>
<p dir="auto">I am aware of the constraints section here: <a href="https://vuejs.org/v2/guide/render-function.html#Constraints" rel="nofollow">https://vuejs.org/v2/guide/render-function.html#Constraints</a> but it doesn't seem to specifically mention re-use of just the data-object.</p>
<p dir="auto">If this restriction is known and meant to be then this issue is about properly documenting this limitation.</p>