我正在为一个项目使用 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 多页面应用程序最佳实践的建议。