首頁 > web前端 > Vue.js > vue.js如何為物件屬性賦值呢

vue.js如何為物件屬性賦值呢

coldplay.xixi
發布: 2021-01-07 17:40:21
原創
11029 人瀏覽過

vue.js給物件屬性賦值的方法:首先引入vue檔案並修改title標籤內容;然後在標籤內插入語句;接著呼叫【created()】函數;最後在【mounted()】中給obj物件屬性重新賦值。

vue.js如何為物件屬性賦值呢

本教學操作環境:windows7系統、Vue2.9.6版,Dell G3電腦。

vue.js給物件屬性賦值的方法:

第一步,在新建的網路專案中,引入vue.js檔案並修改title標籤內容,如下圖所示:

vue.js如何為物件屬性賦值呢

第二步,在標籤中,插入<template></template>,並插入

vue.js如何為物件屬性賦值呢

##第三步,使用export default,給vue物件實例化,給stitle賦初值,如下圖所示:

vue.js如何為物件屬性賦值呢

#第四步,呼叫

created()函數,並使用Object.assign()方法,為物件中的snames賦值,如下圖所示:

vue.js如何為物件屬性賦值呢

第五步,儲存程式碼並開啟瀏覽器控制台,查看列印結果,發現出現了語法錯誤,如下圖所示:

vue.js如何為物件屬性賦值呢

#第六步,修改程式碼並在data中新增物件obj,然後在

mounted()中給obj物件屬性重新賦值,如下圖所示:

vue.js如何為物件屬性賦值呢

#相關免費學習推薦:

javascript(影片)

以上是vue.js如何為物件屬性賦值呢的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板