vue、nuxt性能優化

一、

Vue 會經過 Object.defineProperty 對數據進行劫持，來實現視圖響應數據的變化，然而有些時候咱們的組件就是純粹的數據展現，不會有任何改變，咱們就不須要 Vue 來劫持咱們的數據，在大量數據展現的狀況下，這可以很明顯的減小組件初始化的時間，那如何禁止 Vue 劫持咱們的數據呢？能夠經過 Object.freeze 方法來凍結一個對象，一旦被凍結的對象就不再能被修改了。

做者：我是你的超級英雄
連接：https://juejin.im/post/5d548b83f265da03ab42471d
來源：掘金
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。

export default {
  data: () => ({
    users: {}
  }),
  async created() {
    const users = await axios.get("/api/users");
    this.users = Object.freeze(users);
  }
};

　　二、Vue 組件銷燬時，會自動清理它與其它實例的鏈接，解綁它的所有指令及事件監聽器，可是僅限於組件自己的事件。 若是在 js 內使用 addEventListene 等方式是不會自動銷燬的，咱們須要在組件銷燬時手動移除這些事件的監聽，以避免形成內存泄露，如：

created() {
  addEventListener('click', this.click, false)
},
beforeDestroy() {
  removeEventListener('click', this.click, false)
}