Model Vue Props Example

ModelVuePropsExample.php

<?php

  //Your Model
protected $appends = [
    'vue_props',
];

  //Props Ancestor Attribute
public function getVuePropsAttribute(){
	$props = (object) array();

	//User
	$props->user = request()->user();

	//Routes
	$props->routes = (object) array(
		'dashboard' => route('user.dashboard'),
		'edit' => route('user.edit')
	);

	//Settings
	$props->settings = (object) array(
		'sidebar_left' => false,
		'sidebar_right' => true,
		'active_tab' => 'some-tab'
	);

	return json_encode($props);
}
?>

<my-component :my_model="{{ $model->vue_props }}"></my-component>

<script>
    export default{
        name:'my-component',
        props: ['my_model'],
        methods: {
		doSomething : function() {
			let someVar = this.my_model.routes.dashboard;
		}
	    }
    }
</script>