首页 > 其他 > 详细

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

时间:2019-10-26 20:07:39      阅读:107      评论:0      收藏:0      [点我收藏+]

案例:

将按钮的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:{

            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<---------->页面)

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

原文:https://www.cnblogs.com/yanl55555/p/11745175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!