質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Q&A

解決済

1回答

222閲覧

vue.jsのdata (context) の意味

you88

総合スコア147

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

0グッド

0クリップ

投稿2018/11/22 00:29

編集2018/11/23 11:14

https://www.non-standardworld.co.jp/nuxt-js-firebase/20646/

こちらの記事のdata (context) のcontext部分がなにをしているのかわからず。。。

<template> <div id="mypage"> <span>こんにちは, {{ user.displayName }}さん</span> <p><button @click="logout">ログアウト</button></p> <h2>あなたのノート</h2> <p>{{ note_content }}</p> <div id='notesIndex' v-for="note in notes" :key="note.content"> <p class="noteContent">{{ note.content }}</p> </div> <p><textarea v-model="note_content"></textarea></p> <p><button @click="saveContent(note_content)">ノートを保存する</button></p> </div> </template> <script> import firebase from '@/plugins/firebase' export default { name: 'mypage', props: ['user'], data (context) { // コンポーネントをロードする前に毎回呼び出されます return { note_content: 'hello', notes:[]} }, created: function() { firebase .database() .ref('notes/' + this.user.uid) .once('value') .then(result => { if (result.val()) { this.notes = result.val(); } }) }, methods: { logout: function() { firebase.auth().signOut(); }, saveContent: function(value) { // 新しいテキストのためのキーを取得 var newNoteKey = firebase.database().ref().child('notes').push().key; firebase .database() .ref('notes/' + this.user.uid + '/' + newNoteKey) .set({content:value}); } } } </script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

何もしていないですね。
著者の方が、asyncDataの引数を混同して書いているのだと思います。

公式ドキュメント該当箇所

投稿2018/11/25 01:26

NozomuIkuta

総合スコア1260

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

you88

2018/11/25 02:18

なるほど!ありがとうございます!
NozomuIkuta

2018/11/25 03:00

解決したようで良かったです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問