溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue中$root與$parent的區別是什么？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
$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>看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
