フロントエンドとバックエンドを分離して開発するのではなく、laravel 5.3でelement-UIを使用してください
まずこの記事に従って設定してください http://codesky.me/archives/tr...
デモが正常に表示されました。つまり、welcome.blade.php は次のようになります:
質問:
1. 要素 UI コンポーネントの使用方法がまだわかりません。たとえば、次のスイッチ http://element.eleme.io/#/zh を使用します。 -...
コンポーネント コードは次のようになります。どこに配置しますか? .vue ファイルに作成する必要がありますか、それともページ上の必要な場所に直接書き込む必要がありますか?
2. この JS レンダリングされたフォーム要素は従来の方法で送信できますか?それとも、ajax を使用してのみ送信できますか?
怪我咯2017-05-16 16:51:06
フロントエンドとバックエンドが分離されていない場合は、vue-loader で .vue ファイルをコンパイルする必要はありません。そうしないと、ブラウザーが認識しません
曾经蜡笔没有小新2017-05-16 16:51:06
フロントエンドとバックエンドを分離しない理由は、ルーティング、テンプレート、レイアウトなど、バックエンドフレームワークによってもたらされるさまざまな利便性を放棄したくないからです。
この方法で vue を使用する場合、.vue 別ファイルのみを破棄できます。
vue.js や emement ui などのさまざまなコンポーネント ライブラリを使用するには、次のようにすることができます。
まず、vue.jsはjqueryと同じように導入できます。
2番目に、element.jsとグローバルCSSをまとめてインポートし、vueで参照します。
3 番目に、バックエンド テンプレート レイアウト関数を使用して、<el-button> などのコンポーネントをローカル テンプレート ファイルに記述します。
このようにして、ページをルーティングするときに背景が基本的な全体レイアウト テンプレートを自動的に呼び出し、新しい vue オブジェクトを自動的に再初期化するため、単一ページ アプリケーションではなくなります。
ただし、バックエンド セッション、構成、その他の機能を使用すると、データの共有とクレジットの請求は問題になりません。
現在、上記の方法を使用して vue+element ui+thinkphp5 をテストしています。オンデマンド読み込みなどの単一ファイル アプリケーションの機能は失われていますが、他の利便性でもメリットが得られています。
PHPz2017-05-16 16:51:06
フロントエンドとバックエンドが完全に分離されていても、フロントエンドとバックエンドが混在していても、.vue, 而且很方便, 所以我觉得最佳实践是写成.vue, 包括页面所有其他js, 都由app.js入口统一加载, 再在buildを使用してコンパイルすることができます。これにより、将来のメンテナンスと再構築が容易になります。
<button type="submit">添付ファイル: