Vue模块

Time: 2024-09-19 Thursday 12:49:01
Author: Jackasher

Vue模块

  • 父子间通信,可以通过props将回调函数传给子组件,通过参数获取子组件的数据
  • 也可以通过绑定自定义实现,为子组件绑定事件方法,通过$emit调用,同样也是通过参数获取数据
  • handleEdit(todo){
       
          this.$set(todo,'isEdit',true)
          console.log(todo);
        }
    //添加受vue管理的属性
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12





    ```js
    handleDelete(id){
    if(confirm("Sure to delete ?")) {
    this.$bus.$emit('deleteTodo',id)
    }
    },
    //在bus数据总线调用事件
1
2
3
4
5
6
7
8
9
10
mounted(){
this.$bus.$on('checkTodo',this.checkTodo)
this.$bus.$on('deleteTodo',this.deleteTodo)
pubsub.subscribe('hello',function(name,data){
console.log("hello emit by someone! data is ",name, data);
})
}

//给bus总线绑定事件


Vue模块
http://example.com/2024/09/19/Vue模块/
作者
Jack Asher
发布于
2024年9月19日
许可协议