VUE 父组件调用子组件方法

1.在子组件中注册监听事件

mounted() {
            this.monitoring() // 注册监听事件
        },

2.在子组件中设置监听事件,接收的值可以为方法函数等

 methods: {
    monitoring() { // 监听事件
                this.$on('sing', (res) => {
                    console.log('方法1:触发监听事件监听成功')
                    console.log(res)
                    window.top.axios=res
                })
            },
}

3.父组件调用子组件方法,不能写在created里面 可以写在mounted里面因为created加载时组件未加载

//在组件中定义ref 


import jsTest1 from '@/test/test_demo1'
 methods:{
    initvueLike(){
        console.log("123");
     this.$refs.child.$emit('sing',jsTest1)
    }
  },
//或者
 mounted(){
  this.$refs.child.$emit('sing',jsTest1)
  },

发布自定义组件到npm

如何写一个vue组件发布到npm,包教包会,保姆级教学_npm vue 组件编写_Sheldon一蓑烟雨任平生的博客-CSDN博客

你可能感兴趣的:(vue.js,前端,javascript)