Vue.js inserted是Vue生命周期函數之一，在Vue實例化時，會在DOM元素插入頁面時執行。該函數會在Vue實例生成時觸發，并且在元素插入到頁面后立即執行。

Vue.js inserted函數中可以進行一些DOM操作，例如直接操作DOM元素屬性、添加或刪除DOM節點等，以及調用插件函數和第三方庫等等。在該函數中，可以通過this.$refs來訪問DOM元素。

Vue.js inserted函數的回調函數參數為el和binding，其中el表示當前元素，binding表示與當前元素相關的所有指令、組件等數據。在binding中，可以通過value屬性來訪問指令的綁定值，也可以通過expression屬性來訪問指令的表達式。

Vue.directive('test', {
inserted: function(el, binding) {
// 獲取指令的綁定值
var val = binding.value
console.log(val)
// 獲取指令的表達式
var expr = binding.expression
console.log(expr)
// 操作DOM元素屬性
el.innerHTML = 'hello world'
}
})

需要注意的是，Vue.js inserted函數只會在實例化時執行一次，因此若在該函數中進行的操作需要隨著組件實例狀態的改變而改變，則需要使用其他Vue生命周期函數進行處理。

除了Vue.js inserted函數，Vue還有其他許多生命周期函數，例如beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。這些生命周期函數，可以在組件生命周期的不同階段進行不同的操作。

new Vue({
el: '#app',
data: {
message: 'hello'
},
created: function() {
console.log('created')
},
mounted: function() {
console.log('mounted')
},
updated: function() {
console.log('updated')
},
destroyed: function() {
console.log('destroyed')
}
})

在組件生命周期中，Vue.js inserted函數是非常重要的一個函數，它提供了對DOM元素的訪問和操作能力。在使用Vue.js開發應用時，需要熟練掌握并靈活運用各種生命周期函數，以便能夠更加高效地開發出具有良好用戶體驗的應用。