$root

vue狀態管理使用vuex,如果項目不大，邏輯不多，name我們沒必要用vuex給項目增加難度，只需要用$root設置vue實例的data就行了，如下

main.js

new Vue({ data(){  return{   loading:true  } }, router, store, render: h => h(App)}).$mount('#app')

a.vue

created(){console.log(this.$root.loading) //獲取loading的值}

b.vue

created(){this.$root.loading = false; //設置loading的屬性}

$parent

parent能夠訪問父組件的屬性和方法

parent.vue

<template>  <div>    <child>    </child>  </div></template><script>   import child from './child';  export default {    components:{      child     },    data(){      return {        text:"測試"      }    },  }</script>

child.vue

<template>  <div>    <child>    </child>  </div></template><script>   import child from './child';  export default {    created(){    console.log(this.$parent.text)//測試（能夠獲取到父組件的屬性和方法）   }  }</script>

$refs

總結

以上所述是小編給大家介紹的vue中的$root,$parent，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！