コンポーネントとVueインスタンスの外側で単一ファイルコンポーネントの内側にあるコンポーネントのデータにアクセスして変更する方法は?
次のような単一ファイル内のコンポーネント:
<script>
export default {
data() {
return {
lock: true,
connection: '',
login: true,
message: {
time: '',
nick: '',
.......................
ファイルはchat.vueです
メイン Vue アプリ:
var app = new Vue({
el: '.app',
components: {
Chat
}
});
そして、次のようなものからデータにアクセスしてサンプルする必要があります
Socket.onopen = function(e)
{
Chat.connection = 'Zostałeś połączony pomyślnie!';
Chat.lock = false;
};
コンポーネント外だがこのコンポーネントファイル内
のようなものを試しました
Chat.message.nick = 'xxxx';
しかし、動作しません
this.message.nick = 'xxx';
も機能しません + エラーが発生しました:named exports are not supported in *.vue files.
var chat = export default....
うまくいかない、ブローアップ
そして、多くのこと...私は知りません...
私が解決した唯一のことはref="Chat"
、HTML のコンポーネントで使用することです。しかし、それは私が望むものではありません。コンポーネントのデータを参照できますが、このコンポーネントの vue 単一ファイルではなく、メインの js ファイルで参照できます
データを参照し、このコンポーネント vue 単一ファイルで変更する必要があります