ホームページ >ウェブフロントエンド >Vue.js >vue.js でオブジェクトのプロパティに値を割り当てる方法

vue.js でオブジェクトのプロパティに値を割り当てる方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 11:59:4611049ブラウズ

vue.js でオブジェクト属性に値を割り当てる方法: 最初に vue ファイルを導入し、title タグの内容を変更し、次にタグにステートメントを挿入し、次に [created()] 関数を呼び出します。そして最後に [mounted()] で obj オブジェクトのプロパティを再割り当てします。

vue.js でオブジェクトのプロパティに値を割り当てる方法

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6、Dell G3 コンピューター。

Vue.js でオブジェクト プロパティに値を割り当てる方法:

最初のステップは、vue.js ファイルを導入し、タイトル タグの内容を変更することです。新しい Web プロジェクト。下の図に示すように:

vue.js でオブジェクトのプロパティに値を割り当てる方法

2 番目のステップは、<template> に挿入することです。 body><code> tag ; を挿入し、次に示すように

vue.js でオブジェクトのプロパティに値を割り当てる方法

##3 番目のステップ、次の図に示すように、エクスポート デフォルトを使用し、vue オブジェクトをインスタンス化し、初期値を stitle に割り当てます。

vue.js でオブジェクトのプロパティに値を割り当てる方法

4 番目のステップは、

created(次の図に示すように、) 関数を使用し、Object.assign() メソッドを使用してオブジェクト内の sname に値を割り当てます。 ##5 番目の手順では、コードを保存してブラウザを開きます。サーバー コンソールで印刷結果を確認すると、次の図に示すように構文エラーがあることがわかります。

6 番目の手順では、コードを変更してオブジェクト obj をデータに追加し、次に vue.js でオブジェクトのプロパティに値を割り当てる方法mounted()

obj オブジェクト属性を次のように再割り当てします。

vue.js でオブジェクトのプロパティに値を割り当てる方法

関連する無料学習の推奨事項: javascript(ビデオ)

以上がvue.js でオブジェクトのプロパティに値を割り当てる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。