問題

どういうわけか私はまだいくつかのコアvueの概念の周りに私の頭を包むことはできません。

私はphalconを使っていくつかの簡単なWebページを作った。それを作成して、JSなしで動作するようにしました。ユーザーエクスペリエンスが向上するために、いくつかの鐘や笛やajaxクエリなどを追加する時間です。

私はvueを使ってすべてをやりたいと思っていました。しかし、何時間ものグーグルの後、私はまだ最も簡単なタスクの解決策を見つけることができません。

たとえば、一連の

私はv--で反復することができることを知っていますが、これらの要素はすでにDOMにあり、データベースから取得され、ボルトでテンプレート化されています。私はphalconから.jsファイルを作成するという野生の考えを持っていましたが、機能的なWebページを最初に作成してから徐々に拡張するという私の戦略を完全に否定します。

率直に言えば、私はそれのために過度に複雑化しているように感じます。 vueはこのようなプロジェクトにも適していますか、それとも単にアプリを構築するためのツールですか?

  ベストアンサー

Vueのテンプレートはclient-sideです。つまり、すでにテンプレート化されたHTMLページ(バックエンドによって)を配信している場合、まだvueが実行できません。 Vueには、ビューモデルを構築するためのDOM要素ではなく、データが必要です。

たとえば、クライアント側でのみレンダリングされる単一のページアプリケーションを構築すると、これはかなり明白になります。バックエンドAPI(RESTなど)から非同期にデータをロードし、クライアント上のすべてのレンダリングを実行するだけです。

私が理解する限り、クライアントとサーバー側のレンダリングを混在させ、バックエンドのテンプレートエンジンを使用して非相互コンテンツのほとんどをレンダリングし、vueを使用して相互アクティビティを追加する必要があります。この場合、いくつかのvueコンポーネント(独自のレンダリングロジック付き)をバックエンドテンプレートに追加し、vueのデータバインディングを使

ここに例があります:

 ...
<div id="app">
    <my-vue-list :products="{% products %}"></my-vue-list>
</div>
...
 

そしてあなたのJSで:

 var app = new Vue({
  el: '#app',
  data: {
    components: {MyVueList} // You will have to register all the components you want to use here
  }
})
 

  同じタグがついた質問を見る

vue.jsphalconvolt