Vue.js是一款非常流行的前端框架，它提供了豐富的特性和功能來幫助我們構建高效的Web應用程序。其中之一就是contains方法。

contains方法是Vue.js中一個非常實用的方法，它可以用來檢查一個元素是否包含在另一個元素中。這個方法非常適合不同的應用場景，例如在開發Web組件時，我們可能需要在組件內部檢查某個元素是否存在于組件中。

// 判斷element是否包含在container中
Vue.prototype.$contains = function(container, element) {
if (container === document) {
return container.documentElement.contains(element)
} else {
return container.contains(element)
}
}

上面的代碼是Vue.js中contains方法的實現。這個方法會接收兩個參數，第一個參數是容器元素，第二個參數是待檢查的元素。如果待檢查的元素存在于容器元素中，這個方法會返回true；反之則返回false。

需要注意的是，這個方法在Vue.js中是作為全局方法來定義的。因此，在任何Vue.js應用中我們都可以使用它。

另外，contains方法在不同瀏覽器中的實現有所不同。所以，在Vue.js的實現中，我們需要對容器元素是否為document進行特別的判斷。

下面是一個示例，展示如何使用Vue.js中的contains方法：

// 在組件的mounted鉤子中
mounted () {
// 判斷當前組件是否被包含在body元素中
const isMountedInBody = this.$contains(document.body, this.$el)
if (isMountedInBody) {
console.log('This component is mounted in body element')
} else {
console.log('This component is not mounted in body element')
}
}

上面的示例展示了如何在Vue.js組件的mounted鉤子函數中使用contains方法。我們可以使用這個方法來檢查當前組件是否被包含在body元素中。

總之，Vue.js中的contains方法是一個非常實用的工具，在我們開發Web應用和組件時經常會使用到。理解contains方法的實現原理和使用方法，可以幫助我們更好地利用Vue.js的優勢和功能，構建高效的Web應用程序。