Question

所以基本上我的问题是，如何将vue组件包装到laravel app。它的相当大的网站建立在laravel刀片模板上。我的问题是，如果我应该将整个网站包装在一个app元素中，然后以类似于此的方式添加组件：

<html lang="{{ config('app.locale') }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/app.css">

    <title>@yield('title')</title>
    <title>@yield('description')</title>
  </head>
  <body>
    <div class="vue-app-wrapper" id="app">
      <div class="container">
        <some-vue-component1></some-vue-component1>
      </div>

      <div class="content-wrapper">
        @yield('content')
      </div>

      <footer style="margin-top: 30px;">
        <!-- some footer stuff -->
      </footer>
    </div>

    <script src="js/app.js" charset="utf-8"></script>
    @stack('scripts')
  </body>
</html>

只需在其他部分中包含其他组件即可。或者也许我应该构建多个vue应用程序，包装较小的元素并通过laravel blade @stack和@push推送所需的js文件。我想知道两个灵魂的优点和缺点，我也想知道VUE是否适合我将使用JS。 vue脚本的主要目的是一些动态的ajax调用，例如＆＃34;添加到收藏夹＆＃34;，＆＃34; rate item＆＃34; Alsto一些旋转木马，搜索者和创建localStorage数据。也许我应该使用vanilajs / jquery？

Laravel 5.4 + Vue.js 2.0如何将js组件包装到laravel app中

0 个答案: