2017-03-02 5 views
1

私はVue.jsを使ってプロジェクトを進めています。ほとんどの場合はコンポーネントを使用しますが、コンポーネントを完全に作成せずにVue.jsの構文を追加したい場合もあります。Vue.jsコンポーネント以外のデータプロパティはどこに格納されますか?

通常はVueが付いているHTMLコンテンツ全体が上書きされないので、レンダリングを使用しないため、sprinkle既存のHTMLのVue.js構文を使用できます。

new Vue({ 
    el: '#vue', 
    name: 'Vue root', 
    data: { 
     store 
    }, 
    components: { 
     Example 
    } 
}); 

既存のHTMLにいくつかのVue.js構文を追加する例は次のとおりです。私は店を導入する前のindex.html

<input type="text" attributes... v-model="store.arrival"> 

一形態

<input type="text" attributes... v-model="store.arrival"> 

のindex.htmlにフォーム2:例えばお互いに同期して2つの入力を維持

次のようなメッセージが表示されます。

[Vue warn]:プロパティまたはメソッド "arrival"はインスタンスで定義されていませんが、レンダリング中に参照されます。データオプションで無効なデータプロパティを宣言してください。私はこれらのfloating in space(because they do not belong to a component)の特性の概要を保つということで、そのファイルの私のルートコンポーネントのデータプロパティを膨らませたくないので(ルート・インスタンスで見つかった)

これは、このストアを導入するに私を導きました。

私はVue構文を既存のHTMLに追加することが大好きですが、これは悪い習慣のように感じます。

これらの変数をストアに保存するより良い方法はありますか(かなり混雑する可能性があります)。あるいは、私は実際にすべてをコンポーネントに移すべきでしょうか?これはまた、私が必要とする場合、私はPHP変数のようなものをJavascriptに変換することを余儀なくされているので、問題につながります。

読んでいただきありがとうございます。私にはもっと情報が必要です。

乾杯。

+0

私はあなたの期待通りにはっきりしていませんが、ミックスインがお手伝いすると思います。あなたはそれを調べましたか? https://vuejs.org/v2/guide/mixins.html –

+0

私はあなたが店舗のようなものなしで何かをうまく働かせるとは本当に思いません。たとえば、あなたが入力で投稿した例では、いくつかの初期データがvueインスタンスに必要です特定のvモデルについては、Vueインスタンスにストアデータをインポートしてから、新しいプロパティをvモデルに追加する必要があります。 http:// stackoverflow。com/questions/42326821/i-am-using-vue-js-and-pythonフラスコ・フォー・マイ・バックエンド - i-want-to-have-some-local-vari/42326978#42326978 –

答えて

1

Vueのデータプロパティを使用してコンポーネントではなく、Vueの要素内にあるHTMLにVue指示文を追加することで、何か間違っているように感じるようです。

このの問題はありません。 Vueドキュメントのgetting startedページでこれが行われます。 VueとさまざまなWebフレームワークの統合を開始する便利な方法です。私は誰もこれが悪い習慣だとは思わないと思う。誰かがしたら、よく、誰が気にしますか?

関連する問題