课程
文档
训练营
价格
博客
该视频仅会员有权观看
立即开通课程「Vue.js前端应用开发实践」权限。
¥
199
/ 年
立即订阅
订阅后全站课程均可学习
Vue.js前端应用开发实践
自动播放下一节
is off
off
首页
课程
Vue.js前端应用开发实践
props:Vue 组件的属性
props:Vue 组件的属性
Vu
Vue.js前端应用开发实践
在定义view组件时,可以使其支持某些属性,提升组件的灵活性和重用性。
例如,按钮组件可以有一个text属性,用来设定按钮上显示的文字。
在组件的script部分默认导出一个对象,属性定义放在对象的props属性内。
text属性是一个对象,使用type设定属性值的类型(例如string表示字符串),使用default设定默认值(如默认按钮文字)。
在组件模板中,可以绑定显示text属性的值。
在使用组件时,如app button,可以设置其text属性值(如"确定"),该值将显示在按钮上。
上一节
scoped:限定组件样式的应用范围
下一节
监听子组件的事件