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，然后评论