問題タブ [vuejs2]

以下の形式でバックエンドからオブジェクトの配列を受け取っています。このデータを取得して JavaScript 配列にプッシュし、後で必要に応じて使用できるようにしようとしています。

ここに私のvuejsコードがあります:

vue-dev ツールの結果:

行の出力 console.log(this.fakeUsers);は[__ob__: Observer]. のようなものを印刷するべきではありません[Array[10]]か？

行の出力は で、console.log(this.fakeUsers[0]);理由undefinedがわかりません。

ユーザーがショートコードを含むテキストを入力できる管理領域にフォームがあります。

[温度 c=200] でオーブンを加熱します。

私が望むのはtemp、フロントエンドに表示されるときにショートコードが解析され、Vue 2 コンポーネントに変換されることです。

単純化されたTemperature.vueコンポーネントを次に示します。

Instructions.vueそして、ショートコードを使用してテキストを解析およびレンダリングする単純化されたコンポーネントを次に示します。

解析は正常に機能し、置換がフロントエンドに出力されます。しかし、<temperature>タグは文字どおりにレンダリングされ、Vue コンポーネントとしてではなく、ある程度予想されます。

オーブンを <temperature :celsius="200"></temperature> で加熱します

頭を包み込めないように見えるのは、Temperature定義したコンポーネントに実際に変換するためにどのような手順を実行する必要があるかです。それは可能ですか？私が見逃しているこれを行うためのより正統な方法はありますか?

v-htmlを使用してテキストをレンダリングすることには、セキュリティ上の懸念もあります。必ずしもこれが必要なわけではありませんがTemperature、エスケープされた文字列からコンポーネントが表示されることを期待するのは、さらに無理があると思います。v-htmlデータベースに挿入する前にいつでもサニタイズできますが、可能であれば避けたいと思います。