Vue模板未显示新内容

Question

我想用vuejs和laravel 6，i run npm install和npm run dev和npm run watch做一个测试，我创建了一个BlogPosts组件，我添加了<posts> </posts>在我的布局中，我配置app.js。帖子转到此处成功显示，但是当我更改模板内容时，它始终显示旧内容

BlogPosts.vue

<template>
   <div>posts go here new</div>
</template>
<script>
  export default {
  }
</script>

landing-page.blade.php

<div id="app">
<h1>example</h1>
            <posts></posts>

            @include('partials.footer')
</div> <!-- end #app -->        
<script src="{{ asset('js/app.js') }}"></script>

app.js

require('./bootstrap');
window.Vue = require('vue');
Vue.component('posts', require('./components/BlogPosts.vue').default);

const app = new Vue({
    el: '#app',
});