vue里面v-bind和Props 利用props绑定动态数据的方法_vue.js_脚本之家

以上那篇vue里面v-bind和Props
利用props绑定动态数据的主意正是笔者分享给大家的全部内容了,希望能给大家二个参照,也意在我们不吝指教脚本之家。

    var vm = new Vue({ el: '#app', data: { h: "hello" }, components: { "add": { props: ['btn'], template: "<button>btn:{{btn}}</button>", data: function () { return {'btn': "123"}; //子组件同名的值被覆盖了 } } } });  

也正是说,使用v-bind的是接收父组件的值,没有动用v-bind的是将标签里的数值作为字符串来使用。

说明:

依旧亟待运用props,不然她会取用自个儿data里的btn的值

子组件的data的函数中重临值被掩瞒了。

www.6766.com,日常来讲所示:

btn使用的父组件data中 h的值;

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图