vue2模拟无限级评论

目录

一、效果展示

二、代码展示

2.1、主页面

2.2、评论父页面组件

2.3、评论多级页面(递归组件)

一、效果展示

二、代码展示

2.1、主页面

vuex切换账号：  主页面进行触发（this.$store.commit("UPDATE_NAME", params);）

  state: {
    userInfo1: {
      id: 1,
      username: 'zhangsan'
    },
  },
  mutations: {
    UPDATE_NAME(store, userInfo) {
      store.userInfo1 = userInfo
    }
  },

2.2、评论父页面组件

CommentOne.vue

2.3、评论多级页面(递归组件)

CommentComp.vue：  name: "CommentComp",组件递归，给自己加名字