组件开发总结

插槽

作用域插槽

Menu子组件

Cascader组件

父子组件通信

父子组件通信：父组件给子组件传递参数是通过:menuData=“item” 这样的形式

子组件给父组件传参数是在触发父组件的自定义事件中进行传参

父组件：

    


....
changeMenusAry(children) {
    let jump = false;
    if (children && children.options) {
        children.index && this.menusAry.forEach((item, index) => {
            if (item.index == children.index) {
                this.$set(this.menusAry, index, children);
                jump = true;
            }
        });

        !jump && this.menusAry.push(children);
    } else {
        this.clearMenus();
    }
}
...

子组件：

    

        

            
            
               
            
        
    


.....
getActiveItem(item) {
    this.activeItem = item.value;

    if (item.children) {
        this.$emit('change-menus', {options: item.children, index: this.menuData.index 			+ 1});
        return;
    }

    this.$emit('change-menus');
}
.....

这是自己在18年写组件时候的总结，希望对你有用 ^_^