Skip to main content

How to execute when props and methods method name conflict?

 The props property in Vue is used to pass values between components. Its main function and meaning is to receive data from the outside. It is equivalent to data and methods.When the attributes in the newly added mixins.js file conflict with the attributes in the component, such as the data attribute, methods attribute, etc., the attributes in the component shall prevail. If there is no conflict, the incoming props will be executed. But there are special ones: when there is a conflict between the lifecycle hook functions, the hooks passed in by props or in mixins.js are used first.

The following is an actual small demonstration case

//mixins.js
export const mix=
methods: {
        show(){
            alert("11111");
        }
    }
}
//App.vue
export default {
    name: "Student",
methods:{
        show(){
          alert("666600000!!!");
        }    
}

Resulat://666600000!!!



Comments

Popular posts from this blog

A simple understanding of ES6 iterators

 What is an iterator?An iterator is an interface that provides a unified access mechanism for various data structures. Any data structure can complete the traversal operation as long as the iterator interface is deployed.ES6 created a new traversal command for...of loop, which natively has a data structure with the iterator interface (which can be traversed with for...of). Contains Array, Arguments, Set, Map, String, TypedArray, NodeList. Of course, you can also implement this interface manually, which is convenient for practical use.