Vue Component не отображается в частичном блейде

Question

Я пытаюсь визуализировать частичную страницу в laravel, используя метод Ajax rendered (). Частичный блейд успешно загруженНо мой компонент vue в частичном блейде не отображается. Я также сделал отладку на моем конце. 1.Console.log (), успешно ли загружен компонент vue, в laravel. Да, он успешно загружен. 2.Npm установить, а npm запустить dev. -> без изменений, вид не отображается.

Указательный блейд.

            function loadShowPage(staff_id){

            let url =  '/staff/staff/' + staff_id;

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: 'GET',
                url: url, 
                //data: staff_id,
                dataType: 'JSON',
                success: function(data)
                { 
                    if (data.status == 1){
                        $('#staff_modal_content').html(data.rendered);

                        if (!$('#staffModal').is(':visible')) {
                            $('#staffModal').modal('show');
                        }  
                    }
                    else {
                        alert('An error has occurred. Please refresh the page and try again.');
                    }
                },
                error: function(data)
                {
                    toggleLoader();//alert(JSON.stringify(data));
                }
            })

        }

Мой контроллер

    public function show(Staff $staff)
    {

        $user = Auth::user();

        $staff->load('family_particulars');
        if(!$user->can('view',$staff))
            return redirect()->route('staff.staff.index');

        $class = ChildClass::staffIncharge($staff->staff_id)->first();
        $main_user = $staff->main_user;
        $main_user->ref_user->load(['family_particulars','qualifications',
                                   'courses','scholarship','computer_skills','previous_employment','reference','staff_employment','leaves']);




        $rendered = view('staff.staff.show', ['staff'=>$staff, 'ref_user'=>$main_user,'class'=>$class])->render();
        return response()->json(array('status' => 1, 'rendered' => $rendered));

         //return view('staff.staff.show',['staff'=>$staff, 'ref_user'=>$main_user,'class'=>$class]);
    }

Частичный блейд в моем шоу. blade.php

            {!! Form::open(['id' => 'pinf-form', 'route'=> [$user->admin_type_ref_id==6? 'staff.staff.update':'staff.admin.update',$staff->staff_id] ]) !!}
    @method('PUT')
    @csrf

    <personal-info  id="personal_info_component" class="hidden" :user='{!! json_encode($user,  JSON_HEX_APOS) !!}' :package='{{ GeneralHelper::getPackageId() }}'></personal-info>

    {!! Form::close() !!}