vue父子组件通信实现简单的评论功能

vue中父子组件通信在日常开发中还是比较常用的,与之相关的文章也非常多,这次分享给大家的是一个子组件和父组件交互的小例子,效果如下

vue父子组件通信实现简单的评论功能_第1张图片上半部分是评论列表,下半部分是子组件,当填写评论人和评论内容,点击发表刷新上半部分的评论列表




    
    
    发布评论
    
    
     
     


    
  • {{item.content}} {{item.userName}}

本例子的重点在于数据的存储和子组件调用父组件的方法刷新列表,这里使用浏览器的本地存储localstorage,父组件的方法调用使用$emit

你可能感兴趣的:(vue)