So weisen Sie Objekteigenschaften in vue.js Werte zu

Vue.js-Methode zum Zuweisen von Werten zu Objektattributen: Führen Sie zuerst die Vue-Datei ein und ändern Sie den Inhalt des Titel-Tags. Rufen Sie dann die Funktion [created()] auf Objektattribute in [montiert()] Neu zuweisen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6, Dell G3-Computer.

Vue.js-Methode zum Zuweisen von Werten zu Objekteigenschaften:

Der erste Schritt besteht darin, die vue.js-Datei in das neue Webprojekt einzuführen und den Titel-Tag-Inhalt zu ändern, wie unten gezeigt:

Zweiter Schritt 1: Fügen Sie im Tag <template></template> und ein 标签中，插入<template></template>，并插入和，如下图所示：

第三步，使用export default，给vue对象进行实例化，给stitle赋初值，如下图所示：

第四步，调用created()函数，并使用Object.assign()方法，给对象中的snames赋值，如下图所示：

第五步，保存代码并打开浏览器控制台，查看打印结果，发现出现了语法错误，如下图所示：

第六步，修改代码并在data中添加对象obj，然后在mounted()

Der dritte Schritt besteht darin, den Exportstandard zu verwenden, um das Vue-Objekt zu instanziieren und stitle einen Anfangswert zuzuweisen, wie in der Abbildung unten gezeigt:

Schritt 4: Rufen Sie den Code created() auf > Funktion und Verwendung der <code>Object.assign()-Methode weisen Snames im Objekt Werte zu, wie unten gezeigt:

🎜Speichern Sie im fünften Schritt den Code, öffnen Sie die Browserkonsole, überprüfen Sie die Druckergebnisse und suchen Sie dass ein Syntaxfehler vorliegt, wie unten gezeigt: 🎜🎜 🎜🎜Im sechsten Schritt ändern Sie den Code, fügen das Objekt obj in den Daten hinzu und weisen dann die obj-Objektattribute in mounted() neu zu, wie in der Abbildung gezeigt unten: 🎜🎜🎜🎜🎜🎜Kostenloses Lernen zum Thema Empfohlen: 🎜Javascript🎜(Video)🎜🎜

Das obige ist der detaillierte Inhalt vonSo weisen Sie Objekteigenschaften in vue.js Werte zu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!