javascript - 如何将属性传递给 vue js 上的指令？

Question

如何获取 v-show 或 v-if 指令的属性值？我已经尝试过像下面的示例一样通过但没有成功。

v-show="cabin >= {{ number }}"number="5"

我一直坚持这个问题，因为 vue.js 它是一种新的东西，所以很难找到文档和示例。

Answer 1

如果您使用 Vue 组件，那么您可以执行以下操作:

Vue.Component('my-comp', {

    template: '#my-template',

    props: [
        'number',
    ],
    data: function(){
        return{
            cabin: 4
        };
    }
}):

然后在你看来，像这样使用它:

<my-comp v-show="cabin >= number" number="5"></my-comp>
<template id="my-template">
    <div>Lorem Ipsum</div>
</template>