vue中$root與$parent的區別是什么？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創新互聯建站專業為企業提供寧陽網站建設、寧陽做網站、寧陽網站設計、寧陽網站制作等企業網站建設、網頁設計與制作、寧陽企業網站模板建站服務，10余年寧陽做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

$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>

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創新互聯行業資訊頻道，感謝您對創新互聯的支持。

新聞名稱：vue中$root與$parent的區別是什么
URL分享：http://m.newbst.com/article24/isgice.html

成都網站建設公司_創新互聯，為您提供用戶體驗、微信小程序、域名注冊、動態網站、云服務器、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯