18. VUE created 鏂规硶浣滅敤

Posted 2022-04-28

鏍囩锛?a href='http://www.mamicode.com/so/1/observer' title='observer'>observer   fun   strong   鐞嗚В   alt   妯℃澘   涔熶細   鎸傝浇   浣滅敤   

涓€鑸彲浠ュ湪created鍑芥暟涓皟鐢╝jax鑾峰彇椤甸潰鍒濆鍖栨墍闇€鐨勬暟鎹€?/p>

瀹炰緥鐨勭敓鍛藉懆鏈燂細

姣忎釜 Vue 瀹炰緥鍦ㄨ鍒涘缓涔嬪墠閮借缁忚繃涓€绯诲垪鐨勫垵濮嬪寲杩囩▼銆備緥濡傦紝瀹炰緥闇€瑕侀厤缃?strong>鏁版嵁瑙傛祴(data observer)銆佺紪璇戞ā鐗堛€佹寕杞藉疄渚嬪埌 DOM 锛岀劧鍚庡湪鏁版嵁鍙樺寲鏃舵洿鏂?DOM 銆傚湪杩欎釜杩囩▼涓紝瀹炰緥涔熶細璋冪敤涓€浜?鐢熷懡鍛ㄦ湡閽╁瓙 锛岃繖灏辩粰鎴戜滑鎻愪緵浜嗘墽琛岃嚜瀹氫箟閫昏緫鐨勬満浼氥€備緥濡傦紝created 杩欎釜閽╁瓙鍦ㄥ疄渚嬭鍒涘缓涔嬪悗琚皟鐢細

var vm = new Vue(
data: 
a: 1
,
created: function () 
// `this` 鎸囧悜 vm 瀹炰緥
console.log(鈥榓 is: 鈥?+ this.a)

)
// -> "a is: 1"

鎴戜滑浠庡浘涓湅涓や釜鑺傜偣锛?/p>

created:鍦ㄦā鏉挎覆鏌撴垚html鍓嶈皟鐢紝鍗抽€氬父鍒濆鍖栨煇浜涘睘鎬у€硷紝鐒跺悗鍐嶆覆鏌撴垚瑙嗗浘銆?/p>

mounted:鍦ㄦā鏉挎覆鏌撴垚html鍚庤皟鐢紝閫氬父鏄垵濮嬪寲椤甸潰瀹屾垚鍚庯紝鍐嶅html鐨刣om鑺傜偣杩涜涓€浜涢渶瑕佺殑鎿嶄綔銆?/p>

鍏跺疄涓よ€呮瘮杈冨ソ鐞嗚В锛岄€氬父created浣跨敤鐨勬鏁板锛岃€宮ounted閫氬父鏄湪涓€浜涙彃浠剁殑浣跨敤鎴栬€呯粍浠剁殑浣跨敤涓繘琛屾搷浣滐紝姣斿鎻掍欢chart.js鐨勪娇鐢? var ctx = document.getElementById(ID);閫氬父浼氭湁杩欎竴姝ワ紝鑰屽鏋滀綘鍐欏叆缁勪欢涓紝浣犱細鍙戠幇鍦╟reated涓棤娉曞chart杩涜涓€浜涘垵濮嬪寲閰嶇疆锛屼竴瀹氳绛夎繖涓猦tml娓叉煋瀹屽悗鎵嶅彲浠ヨ繘琛岋紝閭ｄ箞mounted灏辨槸涓嶄簩涔嬮€夈€備笅闈㈢湅涓€涓緥瀛愶紙鐢ㄧ粍浠讹級銆?/p>

 

鍙傝€冿細https://www.jb51.net/article/137438.htm