在加载Vue.js之前显示纯HTML

Question

我在我的应用程序的侧边栏上有一个用Vue.js构建的头像小部件。加载需要一瞬间，这会导致边栏抖动。有没有一种方法可以在加载时显示纯HTML代替Vue应用程序？基本上与v-cloak相反。

Answer 1

您可以使用beforeCreate yada beforeMount手动显示html。

new Vue({
  el: '#editor',
  data: {
    input: '# hello'
  },
  beforeCreate: function () {
    this.a = "First Value";
    console.log("First Value");
  },
  created: function () {
    this.a = "Second Value";
    console.log("Second Value");
  },
  beforeMount: function () {
    this.a = "Third Value";
    console.log("Third Value");
  }
})

https://vuejs.org/v2/guide/instance.html