vue组件中使用props传递数据的实例详解(2)

<div> <my-component8 :width="100"></my-component8> </div> Vue.component('my-component8',{ props: ['width'], template: '<div :style="style">组件内容</div>', computed: { style: function(){ return { width: this.width+'px' } } } }); var app8 = new Vue({ el: '#app8' });

注意在 JavaScript 中对象和数组是引用类型,指向同一个内存空间,如果 prop 是一个对象或数组,在子组件内部改变它会影响父组件的状态。

总结

以上所述是小编给大家介绍的vue组件中使用props传递数据的实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/pxygp.html