Virtual Dom - Vue.js

Virtual Dom Notes

Vue.js

//Error
//////////
var dom = $(".obj");
new Vue({
  el: "#app",
  mounted: function() {
    this.func();
  },
  methods: {
    func: function() {
      dom.height(100);
    }
  }
});
//////////

//Ok
//////////
new Vue({
  el: "#app",
  mounted: function() {
    this.func();
  },
  methods: {
    func: function() {
      var dom = $(".obj");
      dom.height(100);
    }
  }
});
//////////

---

因為 Vue 在createElement之後會產生出 Virtual Dom，
若在這之前指派了 Dom 元素給變數，該變數代表的會是真實的 Dom。故若要操作 Dom，必須在mounted後賦值。

Note

1. Vue 原理解析之 Virtual Dom

---