Vuejs2 Vuejs 2道具错误

我是vue新手，我正在尝试用这个jquery插件创建一个日期输入掩码：

我创建了一个vue组件，如下所示：

<template>
    <input type="text" name="" class="form-control date">
</template>

<script>
    require('./../jquery.mask.min.js');
    export default {

        mounted: function () {
            $('.date').mask('00/00/0000');
            console.log('name ' + this.input-name);
        },

        props: ['input-name']

    }
</script>

<date-input :input-name="delivery_date"></date-input>

在另一个组件和刀片文件中，我这样称呼它：

<template>
    <input type="text" name="" class="form-control date">
</template>

<script>
    require('./../jquery.mask.min.js');
    export default {

        mounted: function () {
            $('.date').mask('00/00/0000');
            console.log('name ' + this.input-name);
        },

        props: ['input-name']

    }
</script>

<date-input :input-name="delivery_date"></date-input>

在浏览器中运行时，出现以下错误：

[Vue warn]：属性或方法“delivery_date”未在实例上定义，但在呈现期间被引用。确保在数据选项中声明反应数据属性。 （位于）

为什么会出现这个错误

console.log提供了未定义的信息

另外，如何将我发送的值（交货日期）放入模板中的输入名称中？ 我试过：

---

但这破坏了npm运行开发。

使用

道具：[inputName]

和

：inputName=“delivery\u date”

。您可以

：输入name=“delivery\u date”

，它是正确的。将

delivery\u date

放入父组件.Thx中的

data

，但这会导致以下错误：app.js:12941未捕获引用错误：在对象上未定义inputName。（app.js:12941）在Object.defineProperty.value（app.js:12944）在webpack_需要（app.js:20）在Object。（app.js:33918）在webpack_require（app.js:20）在对象上。（app.js:11463）在webpack_require（app.js:20）在对象上。（app.js:44695）在webpack_require（app.js:20）在app.js:66这可以工作：props:['inputName']，但是要显示值：这可以工作：{{{inputName}。这不能使用

。事实上，当您使用

v-bind

或快捷方式

：

时，您可以放置所有javascript代码。好的，这解决了问题：调用：阅读：非常感谢！