私はちょうど出発し、Vueガイドを通過しました。私はES6の輸出入に関するいくつかの基本的な理解を持っていますが、これを行う理想的な方法を知りたがっています。Vue js外部データオブジェクト
私はそこから個別に操作する必要がある元の単一のデータソースを必要とするいくつかのコンポーネントがあります。理想的には、そのデータを別のファイルに入れて、他の人がそれを操作できるようにしたいのです。
私はjQueryの(下見て)を介してこれを行うに把握することができますが、私は本当にJSONファイルが内部になるように電話をかける必要はありません。
module.exports = {
data: function() {
return {
msg: 'hello',
whatever : 'hi'
}
},
created : function() {
this.fetchData();
},
methods : {
fetchData : function() {
console.log("WORKING");
var self = this;
$.get(apiURL, function(data) {
self.items = data;
console.log(data);
});
}
}
}
しかし、私すべてのデータをApp.vueファイルに保存したくない場合もあります。私はそれをどこか別の場所に必要とし、私のデータを置き換えるためにそれを必要とします。
テンプレートやスタイリングのない別のVueファイルを作成し、独自のmodule.exportsデータオブジェクトを作成する最も良い方法はありますか? mydata.vueを言う:
module.exports = {
data: function() {
_mydata = {
items : [
{case:'caseone'},
{case:'casetwo'}
],
otheritems : [
{case:'caseone'},
{case:'casetwo'}
]
}
}
}
そして何とか輸入とapp.vueのデータオブジェクトとmydata.vueでこのデータオブジェクトを置き換える(メインJS。)?これは理想的な方法だった場合
import Vue from 'vue'
import App from './App.vue'
import Data from './SiteData.vue'
はちょうど私は正しい道によ...または/チェックしたいすべての私のコンポーネントの異なるファイル内の中央データオブジェクトを持ってする簡単な方法がある場合は?
https://vuejs.org/guide/application.html#State-Management – Celeo