$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，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
新聞熱點
疑難解答
