Vuejs2 如何使用随VueJS 2.0安装的

以上代码来自vuejs.com 2.0官方香草样板。现在，关于VueJS 2.0的文档，他们说我可以像这样使用mounted：

new Vue({
  render: h => h(App),
}).$mount('#app')

如何将这两种配料组合成一份沙拉？

这两种配料不是相同的“配料”：

1.

$mount

是一种可以将Vue应用程序添加到DOM的方法。 这里有一个很好的描述：

2. <代码>挂载是Vue中的生命周期挂钩 这意味着当某个事件发生时会调用它—在

mounted

的情况下，组件（或Vue实例）被装载到DOM

new Vue({
  render: h => h(App),
}).$mount('#app')

有关生命周期挂钩的更多信息：

3.它们一起看起来可能是这样的：

newvue({
已创建：函数（）{
console.log（'created'）
},
挂载：函数（）{
console.log（'mounted'）
},
}).$mount（“#应用程序”）

---

挂载：function（）{}

是lifecycle Vue实例上的一个函数。而

$mount

它是mount Vue实例的一个函数，例如

new Vue（）

Kittle的回复完美无瑕：

mounted: function () {
  this.$nextTick(function () {
      // do stuff with the DOM
  })
}

---

只需将

装入的
位放入传递给
新Vue
的对象中即可。。。但是你到底想做什么呢？我正在学习一个教程（）并想在初次加载DOM之后用gsap.com来制作动画。我认为JQuery和Angular中也存在类似的用例，这很有效。我会把它变成一个答案，供其他人学习。谢谢
mounted: function () {
  this.$nextTick(function () {
      // do stuff with the DOM
  })
}

new Vue({
  render: h => h(App),
  mounted: function () {
      // do stuff
  })
}
}).$mount('#app')