laravel - laravel mix 构建成功，但 vue.js 新组件不起作用或没有出现任何更改

Question

我第一次在我的 laravel 应用程序中使用 vue.js。每次出现 laravel mix 构建成功但我的 vie.js 评论更改未显示的消息。

require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
Vue.component('my-vuetable', require('./components/MyVuetable.vue'));

const app = new Vue({

el: '#app'

});

我忘记运行任何重要的命令？

看法：

 <div class="content">
        <div class="title m-b-md">
            Laravel
        </div>
        <div id="app">

          <example></example>
        </div>
 </div>

零件

<template>
   <div class="container">
      <div class="row">
         <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
               <div class="panel-heading">
                  <h1>Example Component</h1>
               </div>
               <div class="panel-body"> I'm an example component 5 </div>
            </div>
         </div>
      </div>
   </div>
</template>
<script> 
    export default { 
        mounted() { 
            console.log('Component mounted.')
        }
    } 
</script>

Answer 1

在 bootstrap.js 中查找“X-CSRF-TOKEN”：window.Laravel.csrfToken，并将其注释掉