You need to use props to pass variables into a component.
I assume you insert your component in a blade file, something like this:
<my-component :number="{{ $foo }}"></my-component>
Important here is that you prefix the attribute with :, if you don't, Vue will treat it as a string.
Your Vue component should look like this:
<template>
<div>{{ number }}</div>
</template>
<script>
export default {
props: {
number: {
type: Number,
required: true // my assumption
}
}
}
</script>