정의 하기

[유용환]

<form id="contact" action="" method="post">
            <fieldset>
              <input placeholder="글 제목" type="text" tabindex="1" v-model="$store.state.user_title"  required autofocus>
            </fieldset>
            <fieldset>
              <textarea placeholder="글 내용" tabindex="5" v-model="$store.state.user_content" required></textarea>
            </fieldset>
            <fieldset>
              <button name="submit" type="submit" id="contact-submit" @click="more">Submit</button>
            </fieldset>
            
          </form>

user_title : '',
      user_content : '', => store.js



methods : {
    more(){
      db.collection('user_post').doc('posting').set({title : $store.state.user_title, story : $store.state.user_content})
    }
  }

이렇게 하면 
 92:7 error 'db' is not defined no-undef  92:62 error '$store' is not defined no-undef  92:95 error '$store' is not defined no-undef 
이런 오류가 나오는데 문법이 틀린건가요
파이어베이스 관련 검색해도 안나오네요
그리고 main.js에 db사용할수있게 export const db = firebase.firestore(); 이렇게 해놓았는데 왜 정의가 안된다고 나오는건가요

[codingapple]

db라는 변수를 import 문법으로 가져옵시다 
함수정의부분 안에선 this.$store 라고 씁시다

[유용환]

추가질문으로 위의 코드에서 v-model로 사용자가 입력한값을 store.js에 저장한후 그것을 파이어베이스 데이터베이스에 저장하려고
하는데 위의 방식으로 하면 아무것도 안나옵니다. 어떤부분이 잘못된건가요

[codingapple]

파이어베이스에 먼저 저장하고 그게 완료되면 store에 보관해봅시다

[유용환]

콘솔로 결과를 출력해보면 잘 나오는데 이상하게 파이어비이스 데이터 베이스를 보면 데이터가 안올라와 있는데
db.collection('user_post').doc('posts').set({title : this.$store.state.user_title
        , content : this.$store.state.user_content})

이 코드에서 변수에 있는 값이 안가지는것 같은데 중간에 변수넣을려면 어떻게 해야하나요
백틱 기호넣고 ${변수} 이렇게 해도 안되네요

[codingapple]

맞는 문법입니다 this.$store.state.user_title 이게 잘있는지 출력해봅시다

[글쓴이]

글