STFの新規ページ1:シナリオ

1175 ワード

STFのRethinkDB 3:デバイス使用ではすでにデータベースにデバイス使用時間が情報まで記録されており,フロントエンドページが必要である.
  • STF二次開発の辛酸の道には、現在の枠組みの下でどのように増加するかが言及されている--
  • たとえばtask(タスク管理のインタフェース)を追加する必要がある場合は、index.js task-controller.js task.pugなど、appディレクトリのapp.jsを変更し、require('./task').nameを追加するtaskファイルを新規作成します.
    taskのサービスをディレクトリstf/res/app/components/stf/に追加し、index.jsとtaskservice.jsを作成して通信します.一般的にget,postリクエストを使用し,stfはoboeモジュールを使用して送信を受信する.
  • もう一つの考え方は直接Angular AppでVueのコンポーネントを使用することであり、このような簡単な例How to use Vue 2.0 components in an angular applicationがあり、コメントではAngular 1.7でVueコンポーネントを使用する問題--by rad Williams:
  • In our case we load a Vue app as one route within our AngularJS 1.7 app. AngularJS wasn’t seeing the DOM loaded by our Vue components, because those rendered too late, hence AngularJS directives used within Vue component templates were ignored. One solution was to tell AngularJS to compile the new part of the DOM after the component is mounted:
    mounted() {
     $compile(this.$el)($scope);
    },
    
  • 第3案ngVue Use Vue 2 components in Angular 1.x
  • Migrating an Angular 1.x app to Vue 2.xこれはより良い選択のように見えます
  • まず最後のこの案について手を練習してみよう.実操はnvVueを用いたように見え,スキーム2の効果も含まれている.