私は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に変換することを余儀なくされているので、問題につながります。
読んでいただきありがとうございます。私にはもっと情報が必要です。
乾杯。
私はあなたの期待通りにはっきりしていませんが、ミックスインがお手伝いすると思います。あなたはそれを調べましたか? https://vuejs.org/v2/guide/mixins.html –
私はあなたが店舗のようなものなしで何かをうまく働かせるとは本当に思いません。たとえば、あなたが入力で投稿した例では、いくつかの初期データが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 –