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

标签：var   指定   key   value   mod   一个   put   注意   val   

案例：

将按钮的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到底是什么

标签：var   指定   key   value   mod   一个   put   注意   val   

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