logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Vue.js前端应用开发实践

Vue.js前端应用开发实践

props：Vue 组件的属性

VuVue.js前端应用开发实践
  • 在定义view组件时，可以使其支持某些属性，提升组件的灵活性和重用性。
  • 例如，按钮组件可以有一个text属性，用来设定按钮上显示的文字。
  • 在组件的script部分默认导出一个对象，属性定义放在对象的props属性内。
  • text属性是一个对象，使用type设定属性值的类型（例如string表示字符串），使用default设定默认值（如默认按钮文字）。
  • 在组件模板中，可以绑定显示text属性的值。
  • 在使用组件时，如app button，可以设置其text属性值（如"确定"），该值将显示在按钮上。