title: How to pass props in vue from laravel?
body: <p>I am new in vue. I am passing props from laravel to vue but got below error. Please guide me where i am wrong.</p>
  <p><a href="https://i.stack.imgur.com/Ma6sr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ma6sr.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/8HCz9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8HCz9.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;jobs-component :countriesList=&quot;'{{$country_list}}'&quot; :jobsRoute=&quot;'{{route('jobListing')}}'&quot;&gt;&lt;/jobs-component&gt;
  </code></pre>
  <pre><code>export default {
      props: [&quot;jobsroute&quot;, &quot;countriesList&quot;],
      components: {
          JobFilter
      },
      data() {
          return {
              jobs: [],
              axiosConfig: {
                  headers: {
                      &quot;X-CSRF-TOKEN&quot;: $('meta[name=&quot;csrf-token&quot;]').attr(&quot;content&quot;)
                  }
              }
          };
      },
      created() {
          console.log(countriesList);
          this.fetchJobs();
      },
      methods: {
          fetchJobs() {
              axios.post(this.jobsroute).then(response =&gt; {
                  this.jobs = response.data.data;
              });
          }
      }
  };
  </code></pre>
  <p>Any solution appreciated!</p>