問題タブ [vuejs2]

次のコンポーネントがあります，rowTemplate と cellTemplate を動的にコンパイルし、動的に追加されたイベントをテンプレートにバインドするにはどうすればよいですか?

次のコードでは、元の html の出力のみ。

この問題を解決する方法が思い浮かびません.助けてください,ありがとう!

Vue 1.0.27 から Vue 2.0.1 に移行しようとすると、次の問題に直面します。

EDIT は、動作中の JSFidle を追加しました

状況：

(モデルから) タスクのリストを取得し、順序付けされていないリストに表示する非常に単純なアプリと、完了済みとしてフラグが付けられていないタスク (つまり、残りのタスク) の数を作成しました。ViewModel とモデルのコードを以下に示します。

タスクのリストを表示するために、<task-list>カスタム コンポーネントを使用します。コンポーネント:

• 小道具tasksを介してプロパティを持っています
• 完了していないタスクの数を計算するという計算済みプロパティがありますremaining
• 2つの方法がtoggleCompletedStatusあり、inProgress

カスタム コンポーネントのコードを以下に示します。

最後に、ディレクティブを使用して、コンポーネントのタスク プロパティをデータにバインドします。v-bind

問題：

タスク リストをインラインで渡そうとするとremaining、ユーザーがタスクをクリックしても、計算されたプロパティは更新されません。(つまり、 task.completed プロパティが変更されたとき)

サーバーからデータを渡そうとすると、同じ問題が発生します。以下の例では、バックエンドで Laravel 5.3 を使用しています。

どんな助けでも大歓迎

vuejs 1 のコードは次のとおりです。

コンポーネントはどこIndexにありますか。

次のように vue 2 に変換しようとします。

しかし、これは[Vue warn]: Error when rendering root instance.

これを書き直す正しい方法は何ですか？

ありがとう

https://laracasts.com/series/learning-vue-step-by-stepシリーズを始めました。Vue、Laravel、および AJAXのレッスンを次のエラーで停止しました。

vue.js:2574 [Vue 警告]: 親コンポーネントが再レンダリングされるたびに値が上書きされるため、prop を直接変更しないでください。代わりに、プロパティの値に基づいてデータまたは計算されたプロパティを使用してください。変更されている小道具：「リスト」（コンポーネントにあります）

このコードはmain.jsにあります

リストプロップを上書きするときにcreated()に問題があることは知っていますが、私はVueの初心者なので、修正方法がまったくわかりません。誰でもそれを修正する方法（および理由を説明してください）を知っていますか？

Vuejs 2 + Vue Router 2 + Laravel 5.3 を webpack で使用しようとするとエラーが発生します!

私のコードがあります：

私の index.html

私のapp.js

私のApp.vue

これにより、次のエラーが発生します。

テンプレート オプションが利用できない Vue のランタイムのみのビルドを使用しています。テンプレートをレンダリング関数にプリコンパイルするか、コンパイラに含まれるビルドを使用します。

Vue のインポートを次のように変更すると、正常に import Vue from 'vue' 動作 import Vue from 'vue/dist/vue.js' します。

誰かがそれを修正する方法を知っていますか？

VueJS アプリを作成しようとしていますが、最も単純な例でも失敗しています。私は VueJS のビルド済みサポートを備えた Laravel 5.3 を使用しています (バージョン 1、バージョン 2 も試しました)。

ここに私の Example.vue コンポーネントがあります

そして、ここにメインコードがあります

これは、コンソールに毎回表示されるエラーです。

[Vue 警告]: プロパティまたはメソッド「name」はインスタンスで定義されていませんが、レンダリング中に参照されています。data オプションでリアクティブ データ プロパティを宣言してください。(コンポーネントにあります)

何が間違っているのですか？ありがとう