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