Laravel에서 파일 app.js에 Vue 구성 요소를 추가하는 방법?

Laravel에서 파일 app.js에 Vue 구성 요소를 추가하는 방법?

애러벨과 vue를 사용하는 튜토리얼을 보고 있었는데, 튜토리얼에서 그는 구성 요소 폴더에 vue 구성 요소를 추가한 다음 그 구성 요소를 에 등록했다.app.js이 코드를 사용하여 철하다.

Vue.component('articles',require('./components/articles.vue');

그리고 그것은 잘 작동하고 내가 이 코드를 사용할 때 내 경우는 이렇게 되어 있다.require is not defined. 에서.app.js파일:이 코드를 사용하여 이미 등록된 구성 요소 예제

Vue.component('example-component',__webpack_require__(37));

내 질문은 어떻게 그 숫자가37정의를 내리다ExampleComponent.vue파일? 그리고 내가 포함할 파일의 번호를 어떻게 알 수 있지?그리고 나는 웹팩 CLI를 가지고 있지 않아 고마워.

내가 public directory에 있는 app.js 파일을 잘못 사용한 것 같아. 나는 이 코드를 components 디렉토리에 있는 app.js에 추가해야 한다.

해봐야 한다.

import YourComponent from 'path';
new Vue({

  components: {
   "your-component": YourComponent

});

참조URL: https://stackoverflow.com/questions/50599557/how-to-add-a-vue-component-to-the-file-app-js-in-laravel