vue.js給對象屬性賦值的方法:首先引入vue文件并修改title標(biāo)簽內(nèi)容;然后在標(biāo)簽內(nèi)插入語句;接著調(diào)用【created()】函數(shù);最后在【mounted()】中給obj對象屬性重新賦值。
本教程操作環(huán)境:windows7系統(tǒng)、Vue2.9.6版,該方法適用于所有品牌電腦。
vue.js給對象屬性賦值的方法:
第一步,在新建的Web項目中,引入vue.js文件并修改title標(biāo)簽內(nèi)容,如下圖所示:
第二步,在<body></body>
標(biāo)簽中,插入<template></template>
,并插入<label>和<span>,如下圖所示:
第三步,使用export default,給vue對象進(jìn)行實例化,給stitle賦初值,如下圖所示:
第四步,調(diào)用created()
函數(shù),并使用Object.assign()
方法,給對象中的snames賦值,如下圖所示:
第五步,保存代碼并打開瀏覽器控制臺,查看打印結(jié)果,發(fā)現(xiàn)出現(xiàn)了語法錯誤,如下圖所示:
第六步,修改代碼并在data中添加對象obj,然后在mounted()
中給obj對象屬性重新賦值,如下圖所示:
相關(guān)免費學(xué)習(xí)推薦:javascript(視頻)