Vue 2自定义组件valus总是“未定义”

问题描述：

我试图在Vue中创建一个自定义组件。Vue 2自定义组件valus总是“未定义”

这是我能想出的最简单的部件，并且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

我使用的是最新的2.4.2 Vue公司。它似乎适用于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>

你期望'value'会在你发布的代码中出现什么？ –

这不是一个Vue问题。 https://codepen.io/Kradek/pen/zdemVW?editors=1010 – Bert

@JaromandaX testVar显示“test”很好，但在自定义组件（输入）中它全部为空，并在控制台中显示“undefined”。 – Rob

答

删除node_modules并重新安装似乎可以解决它。

Vue 2自定义组件valus总是“未定义”

相关推荐