Vue2.0树组件（可根据需求自行修改）

// treeMenus组件 主要生成树的样式 树的状态改变将数据向父组件传递
<template>
  <ul>
    <li v-for="(item,index) in list" :key="index">
	  <img class="icon1" v-if="item.children && item.children.length && !item.open" src="./close.jpeg" @click="changeOpen(item)" />
	  <img class="icon1" v-if="item.children && item.children.length && item.open" src="./open.jpeg" @click="changeOpen(item)" />
	  <img class="icon2" v-if="item.checked" src="./yxz.jpeg" @click="changeCheck(item,parent)" />
	  <img class="icon2" v-if="!item.checked" src="./wxz.jpeg" @click="changeCheck(item,parent)" />
	  {
   {
   item.name}}
     
      <tree-menus v-if="item.open && Array.isArray(item.children) && item.children.length " :list="item.children" :parent="item"
	  @treeChangeOpen="changeOpen" @treeChangeCheck="changeCheck" ></tree-menus>
    </li>
  </ul>
</template>
 
<script>
export default {
   
  name: "treeMenus",
  props: {
   
	parent:{
   
		type:Object,
		default:null
	},
    list: {
   
      type: Array,
      default: ()=>[]  
    }
  },
  methods: {
   
    changeOpen(item) {
   
		this.$emit('treeChangeOpen',item);
    },
	changeCheck(item,parent){