1

我正在为一个项目使用 Laravel,并想切换 Vue。这是我现在的设置示例:-

“路线/web.php”

Route::get('/home', 'HomeController@home');
Route::get('/about', 'HomeController@about');
Route::get('/blogs', 'HomeController@blogs');

“意见/master.blade.php”

<!DOCTYPE html>
<html>
  <head>
    <title>@yield('title')</title>
    <!-- AND OTHER STUFF -->
  </head>
  <body>
    <!-- NAV BAR -->


    <div id="app">
      @yield('content')
    </div>


    <script src="app.build.js"></script>
  </body>
</html>

“视图/页面/home.blade.php”

@extends('master')

@section('title', "Home")

@section('content')
  <home-content
    customproperties="{{ $somedata }}"
  ></home-content>
@endsection

“应用程序.js”

var vm = new Vue({
    data(){
        return {

        }
    },
    components: {
        HomeContent,
        AboutContent,
        BlogsContent
    }
})

假设我已经准备好所有组件并且工作正常。问题是,我做对了吗?我不想让它成为项目复杂性的单页应用程序,而是想以混合方式进行。所有的 vue 组件都会有各自的页面,有些页面甚至没有 vue 组件,只是一个 Plain Blade 页面。

例如,静态页面可能如下所示:-

@extends('master')

@section('title', "Static Page")

@section('content')
  Just a static page, it has nothing to do with vue, but still sitting inside Vue instance's template scope.
@endsection

对于这些页面,正在加载 vue 脚本,并且“#app”被解释为模板。但是这个页面对 vue 没有用处。以这种方式离开它很好吗?或者为此存在更优化的方法?

欢迎任何有关 Laravel-Vue 多页面应用程序最佳实践的建议。

4

0 回答 0