时间戳

首页 > 解决方案 > 如何将 vue js 用于某些 Laravel 路由，而将刀片用于其他路由？

javascript - 如何将 vue js 用于某些 Laravel 路由，而将刀片用于其他路由？

问题描述

我试过搜索这个，但似乎找不到答案。它似乎表明如果您要使用刀片，那么您的所有视图都必须在刀片中，而如果您要继续在前端使用 vue js，那么每个视图都必须在 Vue 中。

所以我的问题是我可以将 vue js 用于某些路线，而将刀片用于某些路线吗？

例如，假设我有 '/login' 路由，并且我想在这条路由的前端使用 Vue js，而对于 '/about' 路由，我想使用 Laravel 的刀片作为它的前端。这可能吗？

如果是，该怎么做？

谢谢你。

标签： javascriptphplaravelvue.js

解决方案

是的，创建 Vue 组件并从刀片模板中调用它们：-

示例组件.vue：

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>

example.blade.php：

@extends('layouts.app')

@section('content')

    <example-component></example-component>

@endsection

推荐阅读