Communication between vue components and components

there are two components in the

index page. There is an isCollapse value in data B A data. How can I get it in component B and do v-model

Vue.js javascript
Aug.23,2021

1.vuex
2. Write a $bus bus communication, do not recommend

recommend vuex is better 

A
:
html
<A :yourData="this.yourData"></A>
<script>
    import A from "";// 
    export default {
       components: { A },// 
       data(){
           return {
               yourData:''
           }
       }
    }
</script>

:
<input v-model="this.yourData"/>
<script>
    export default {
       props: ['yourData'],// 
       mounted(){
           console.log(this.yourData) // 
       }
    }
</script>

if the two elements have a common parent component, put the data and data changes to the parent component, bind the data to the child component through props, and all the changes are carried out in the parent component.
in other cases, it is really not possible to use eventBus.

two methods:
1.EventBus
2.Vuex (recommended)

Previous: On-screen comment animation squeezes the page, even if overflow is set up, it is useless.

Next: Vuecli3.0 build error reporting problem

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu