創建一個實例

每個Vue應用都是通過Vue函數創建一個新的Vue實例開始的：

數據與方法

當Vue實例按照上述方式被創建時，Vue的響應式系統中就加入了data對象，在使用中可以直接通過屬性的調用方式進行使用，并且當這些屬性值發生變化時，視圖層會實時響應，自動匹配更新為新的值。

響應式：當實例被創建時data中存在的屬性改變時，視圖才會進行重新渲染。

所以，在創建Vue實例之外的地方添加新的屬性時，這些屬性并非響應式，任何改動都不會觸發視圖的重新渲染。所以，如果我們需要用到一些值，哪怕暫時性的不展示，也最好在創建實例時令它為空或null，設置一些相應類型的初始值，比如：

例外： Object.freeze() 方法可以凍結一個對象，凍結指的是不能向這個對象添加新的屬性，這也意味著響應系統無法再追蹤變化。如下：

除了數據屬性，Vue實例還暴露了一些有用的實例屬性與方法，他們都帶有前綴$，以便于用戶定義的屬性區分，例如：

在官網中可以查看更詳細具體的API教程。

實例生命周期鉤子(官網內容，自我學習并使用)

每個Vue實例在被創建時都要經過一系列的初始化過程——例如，需要設置數據監聽watch、編譯模版、將實例掛載到DOM并在數據變化時更新DOM等。同時在這個過程中也會運行一些叫做生命周期鉤子的函數，這給予了用戶在不同階段添加自己代碼的機會。

比如created鉤子可以用來在一個實例被創建之后執行代碼：

也有其他的鉤子，在生命周期的不同階段被調用，這個在后面做介紹。

生命周期鉤子的this上下文指向調用它的Vue實例。

警告??：不要再選項屬性或回調上使用箭頭函數(ES6)。因為箭頭函數是和父級上下文綁定在一起的，在箭頭函數中使用this得不到你想要的結果，經常導致類型錯。

生命周期

下面介紹實例的生命周期，這里先做個內容介紹，不需要一下子就懂，在后面不斷深入的學習和使用中，慢慢剖析和理解，理論與實踐相印證，這些價值會在未來體現出來。

生命周期是個非常重要的概念，要好好的理解和使用，同樣的過程，在React中也是類似的。

本人也是前端愛好者，最近在看VUE的官網教程，內容中有很多是官網的指引，這些東西無法避免，我覺得官網的內容很好，我自己總結和實踐去闡述自己的理解，并用自己的實戰代碼為大家展示出來。繼而配合官網的章節教程，自己的一些實踐也可以按照合理的學習路線走下去，希望知識不論在哪里都可以被合理地接受。

有意見和建議的朋友可以私信我，我會及時處理。

總結

以上是生活随笔為你收集整理的vue 箭头函数兼容性_前端学习计划之VUE学习（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。