Question

这是我在2个不同的.chtml文件中的代码，每个文件都包含.js文件。

Layout.cshtml
File1.cshtml
vue1.js
vue2.js

我正在使用c# .net mvc

Layout.cshtml

 <div id="vuemainlayoutdiv">

    <button v-on:click="onClick1()>
    Click 1
    </button>

   <!--rendering File.html-->
   @RenderBody()

</div>

File1.cshtml

   <div id="AppcentralVue">

    <button v-on:click="onClick2()>

      Click 1

    </button>

    </div>

vue1.js

new Vue({
el: '#vuemainlayoutdiv',
    data: {
        name: 'first click',
    },
   methods: {
        onClick1: function(){
            alert(this.name);
        }
    }
});

vue2.js

new Vue({
el: '#AppcentralVue',
    data: {
        name: 'second click',
    },
   methods: {
        onClick2: function(){
            alert(this.name);
        }
    }
});

我正在尝试从另一个Vue访问Vue，但是无法达到目标。因此，我正在寻求您的帮助。

Answer 1

您应该尝试使用状态模式（请检查vuejs doc Vue.js State Management Guide）

基本上，您创建一个数据对象并允许您的实例“共享”它。因此，您可以从那些实例中访问和更改该对象，并且它的行为是被动的。

如果应用程序长大，则应该使用vuex（Vuex）进行评估，这可以帮助您解决在使用状态管理时可能会发现的一些问题，例如痛苦的调试。

希望这对您有帮助！

如何访问另一个Vue内部的Vue？

1 个答案: