v-bind属性的key到底是什么

案例:

将按钮的title绑定为data里指定的值

                <input type="button" value="按钮" v-bind:title="mytitle">

                <input type="button" value="按钮" v-on:click="show">

            </div>

            <script src="../node_modules/vue/dist/vue.js"></script>

    <script type="text/javascript">

    var vm = new Vue({

        el:"#app",

        data:{

扫描二维码关注公众号,回复: 7626923 查看本文章

            msg:'shanben',

            msg2:'<p>使用v-html转意成html</p>',

            mytitle:'这是个自定义的title'

        },

        methods:{

            show:function(){

                alert('Hello')

            }

        }

      

    });

   

    </script>

</body>

</html>

 我们发现:v-bind:title="mytitle",其中的key取决于该组件中自带的或者封装好的属性,title就是butten组件中自带的一个属性;

而等号=后面的就是我们的model数据了

需要注意的是:

:只是单向绑定(model渲染页面)

@是双向绑定(mdel<---------->页面)

猜你喜欢

转载自www.cnblogs.com/yanl55555/p/11745175.html