Vue中data元素之間相互賦值的陷阱


  今天在整理代碼時,遇到這樣的一個場景,下面將結合示例說明:

  (一)在Vue文件中定義一個const常量,如下圖所示:

  (二)在data中有三個元素是這樣賦值的,如下圖所示:

  (三)在created()或mounted()中打印上述三個數據元素的值,如下圖所示:

  (四)測試結果如下圖所示:

  (五)結果分析:

  1、首先說說我為啥會這樣賦值,有可能給name、alian1和alian2賦值時都是同一個值,並且這串字符又是比較長的,所以我就想當然地先將這串長字符賦值給name,然后通過this.name的方式賦值給alian1和alian2,結果就出人意料了,alian1和alian2的值都是undefined。

  2、分析為何出現該結果,我個人按照JS的語法猜測,這可能跟變量未定義就先使用了有關,所以出現上述結果。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM