Vue 2カスタムコンポーネントのvalusは常に「未定義」です

Question

Vueでカスタムコンポーネントを作成しようとしています。

これは私が思いつくことができる最も簡単なコンポーネントで、value小道具は常に未定義です。

<template> 
    <div> 
     - {{ value }} - 
    </div> 
</template> 

<script> 
    export default { 
     props: ['value'], 

     mounted() { 
      console.log(this.value); 
     } 
    } 
</script> 

は特別何もしていない、私はそれを呼び出すとき：

<el-text-group v-model="testVar"></el-text-group> 

{{ testVar }} 

変数testVarは罰金示しているが、カスタムコンポーネントが何を示していませんか？

私はチュートリアルと公式ドキュメントの束を追ってきました：

https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events

私は、最新のVueの2.4.2を使用しています。 Vue 2.2.xでは問題なく動作しているようです。

私は実際に数ヶ月前にこの問題を抱えていましたが、問題が修正されたかどうかを待っていると思いました。しかし、今もう一度テストしても、問題はまだ残っています。考えていない、非常に基本的な、これを行う方法のいくつかの変更があるかどうかわからない？

FILES：

app.js

var component = require('./components/App.vue'); 

component.router = Vue.router; 

new Vue(component).$mount('#app'); 

App.vue

<template> 
    <div> 
     Hello 

     <hr/> 

     <test-cpt v-model="testVar"></test-cpt> 
    </div> 
</template> 

<script> 
    export default { 
     data() { 
      return { 
       testVar: 'test' 
      }; 
     }, 

     components: { 
      testCpt: require('./TestCpt.vue') 
     } 
    } 
</script> 

TestCpt.vue

<template> 
    <div> 
     - {{ value }} - 
    </div> 
</template> 

<script> 
    export default { 
     props: ['value'] 
    } 
</script> 

Answer 1

node_modulesを削除して再インストールすると修正されたようです。