Vue.js是一款輕量級前端框架，為構建交互式web界面而設計。$root是Vue.js中的一個特殊屬性，它指向Vue實例的根元素。

一個Vue實例被創建時，$root會被自動賦值為Vue實例本身。也就是說，$root屬性是指向Vue實例的根元素的快捷方式。

使用$root屬性可以方便地訪問Vue實例的根元素，而不需要在組件中添加額外的引用或向下傳遞屬性。下面是一個簡單的示例：

// Vue實例
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
// 使用$root修改根元素內容
app.$root.$el.innerHTML = 'Hello $root!'

在上面的代碼中，我們創建了一個Vue實例并將其掛載到id為“app”的元素上。然后，使用$root屬性來訪問Vue實例的根元素，并修改它的innerHTML屬性。

需要注意的是，$root屬性只能在組件的方法中使用，而不能在組件的模板中使用。如果在模板中使用$root屬性，Vue會拋出錯誤。

總體來說，$root屬性是Vue.js中的一個非常有用的屬性，它可以簡化訪問Vue實例的根元素，提高代碼的可讀性和可維護性。