Laravel Blade Template passing data to Vue JS component

I am having a problem passing a property using Vue to a child component from a Laravel Blade template. If I pass something in plain text it works just fine, but when I try to pass a js propert, array, or object it doesn't work at all. I currently have a blade file with a custom component which looks like this: (without the triple curlies, I couldn't get the double curlies to appear without wrapping them in triples)

<my-component video="@{{ stuff }}"></my-component>

If I leave out the @{{ }} the only thing that will be passed is the string stuff, and if I leave out the @, I obviously get a blade error, but if I use @{{ stuff }}, then all I get is the string {{ stuff }}. I'm obviously missing something, but can't tell where I'm going wrong. Thanks in advance.

via Chebli Mohamed