摘要:官網的示例項目中的寫法為什么要把變成函數并屬性呢組件是一個可復用的實例,當你引用一個組件的時候,組件里的是一個普通的對象,所有用到這個組件的都引用的同一個,就會造成數據污染。
官網的示例
var vm = new Vue({ el: "#example", data: { message: "Hello" } });
項目中的寫法
data() { return { message: "Hello" } }
為什么要把data變成函數并return屬性呢?
組件是一個可復用的實例,當你引用一個組件的時候,組件里的data是一個普通的對象,所有用到這個組件的都引用的同一個data,就會造成數據污染。
將data封裝成函數后,在實例化組件的時候,我們只是調用了data函數生成的數據副本,避免了數據污染。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/109898.html
摘要:從到上線簡介是個框架?,F在,我們完成一個項目后,需要打包,因為在開發環境下,運行所依賴的包達到好幾百個,為了將文件體積縮減到正常范圍,必須按需打包。 Vue從Hello World到上線 Vue 簡介 Vue是個MVVM框架。 特點:簡單易學、體積小、性能高。并且它的源碼耦合性非常低,了解它的過程也就是思想進步的過程。 當然,只學這一個框架,無法完成前端的全部工作,除了Vue之外,還...
摘要:歡迎體驗提墨瞳漫畫這里踩的坑主要是組件的重用。這樣可以防止圖和圖片大小不一樣引起的頁面跳動繼而導致的加載圖片時機錯誤??缬驎r,會先發送一個空的請求來查看接口是不是支持跨域,再發送一次真實請求。 前言 博主也是vuejs萌新,公司僅我一個前端,收到做h5的需求后,馬上想到要用下vuejs,于是說服領導,開始慢慢鉆研,現在記錄一下踩到的坑。這些坑主要是在一些組件的使用上,其它的只要好好看官...
摘要:數據綁定方式普通的文本可以使用語法雙大括號插在標簽內部表達式每個綁定都只能包含單個表達式只會添加一次當再次修改時,不會觸發機制插入文本較少使用插入不推薦使用計算屬性基于它們的依賴進行緩存的,只有在它的相關依賴發生改變時才會重新求值。 數據綁定方式: 1.普通的文本 可以使用 Mustache語法 (雙大括號) {{data}} 插在標簽內部eg:{{}} //js: data{ ...
閱讀 2030·2021-08-21 14:09
閱讀 494·2019-08-30 15:44
閱讀 2117·2019-08-29 16:32
閱讀 1381·2019-08-29 15:36
閱讀 3450·2019-08-29 12:43
閱讀 2787·2019-08-29 11:14
閱讀 438·2019-08-28 18:26
閱讀 2260·2019-08-26 13:57