Laravel 在刀片组件中定义vue应用程序_Laravel_Vue.js_Vuejs2_Laravel Blade

Laravel 在刀片组件中定义vue应用程序

laravel vue.js vuejs2

Laravel 在刀片组件中定义vue应用程序,laravel,vue.js,vuejs2,laravel-blade,Laravel,Vue.js,Vuejs2,Laravel Blade,经过一些修改，我在多个刀片页面中重用了导航组件。所以我用了： <script> window.app = new Vue({ el: '#navigation', .... }); </script> window.app=新的Vue({ el:“#导航”， .... }); 在我的导航组件中当我将其包含在配置文件组件中时，该组件具有： <script> window.app = new Vue(

经过一些修改，我在多个刀片页面中重用了导航组件。所以我用了：

<script>
    window.app = new Vue({
        el: '#navigation',
        ....
    });
</script>


window.app=新的Vue({
el:“#导航”，
....
});

在我的导航组件中

当我将其包含在配置文件组件中时，该组件具有：

<script>
    window.app = new Vue({
        el: '#app',
        ....
    });
</script>


window.app=新的Vue({
el:“#应用程序”，
....
});

其中一个坏了。我知道这两个定义是吻合的，但我不知道如何解决它

简单地说，这是怎么回事：

<script>
    window.app = new Vue({
        el: '#app1',
        ....
    });
</script>

<script>
    window.app = new Vue({
        el: '#app2',
        ....
    });
</script>


window.app=新的Vue({
el:'附录1'，
....
});
window.app=新的Vue({
el:'附录2'，
....
});

在单个HTML标记中只能加载一个vue.js库

<!DOCTYPE HTML>
<html lang="en">
<head>
  .....
</head>
<body>
    <div id="app">            
    </div>  
    <!--=============== scripts  ===============-->
    <script type="text/javascript" src="{{asset('path/to/vue.js')}}"></script>
    const app = new Vue({
    el: '#app',
    });
</body>
</html>


.....
const app=新的Vue({
el:“#应用程序”，
});

您可以通过HTML容器使用一个Vue应用程序声明。不能在其他已声明组件中使用一个已声明组件

所以你可以这样做

<!DOCTYPE HTML>
<html lang="en">
    <head>
      .....
    </head>
    <body>
        <!-- MAYBE YOU CAN DO A BLADE TEMPLATE -->
        <div id="navitagion"></div>  
        <div id="app"></div>  
        <!--=============== scripts  ===============-->
        <script type="text/javascript" src="{{asset('path/to/vue.js')}}"></script>
        const app = new Vue({
           el: '#app',
        });
        const navigation = new Vue({
           el: '#navigation',
        });
    </body>
</html>


.....
const app=新的Vue({
el:“#应用程序”，
});
常量导航=新的Vue({
el:“#导航”，
});

您可以在任何容器中添加引用，以便在Vue声明之外使用，如javascript或其他Vue组件中

但是请尝试让我知道它是如何工作的：）

您不能将两个Vue应用程序绑定到同一元素，也不能将两个Vue应用程序同时作为

窗口。应用程序

。真的吗？不行？？？当然不行<代码>window.app=1；window.app=2window.app等于什么？我也使用const-app1和const-app1，但没有变化，是不是形式不同？不是这样。一个页面上可以有多个Vue实例。不过，它们必须绑定到不同的元素。请看@ceejayoz更新了问题，guess enligh拯救这一天，你能撤销你对我答案所做的吗？：-）英语拯救了这一天。