单向数据绑定在父子组件中的应用
Vue中的prop建立父子组件之间单向数据绑定,即父组件更新时向下传递到子组件,而子组件无法改变父组件的状态。这样,数据流清晰,避免意外修改父组件。当父组件更新时,所有子组件prop都会刷新为最新值,不允许子组件内部修改prop。当需要修改时,子组件需通过$emit
触发自定义事件,父组件接收后修改。处理传入的prop时,若需设置初始值,可定义本地data属性并以prop为初始值。若需转换原始值,则使用computed属性更合适。
17KB
文件大小:
评论区