html - 从 v-on 调用另一个视图实例中的 Vue 方法：单击同一页面？

Question

我正在将 Vue 集成到我的网站中，并且我的页面上有几个实例。当单击第一个按钮时，我想在第二个实例中调用一个方法。

<div id="app">
        <div class="sc_menu_btn" v-on:click="menu_mobile.show_menu()"></div>
    </div>

var app_1 = new Vue({
            el: '#app'
})

var menu_mobile = new Vue({
            el: '#mobile-menu',
            data: {
                isActive: false
            },
            methods: {
                show_menu: function () {
                    this.isActive = true;
                },
                remove_menu: function () {
                    this.isActive = false;
                }
            }
        })

但是，如果我在 app_1 中放置一个方法并调用它，然后再调用 show_menu() 它就可以了。

show_mobile_menu: function() {
                    menu_mobile.show_menu();
                }

知道为什么我不能直接从 html 调用它。

标签： htmlvue.js