title: vue.js display json data
body: <p><a href="https://api.douban.com/v2/movie/subject/25884801" rel="nofollow noreferrer">json data</a></p>
  
  <p>store</p>
  
  <pre><code>filmDetails: {}
  ......
  getFilmDetail (context, param) {
       axios.get(API.filmDetails + param.id)
        .then(response =&gt; {
          context.commit('FILM_DETAILS', response.data)
        })
        .catch(err =&gt; {
          console.log(err)
        })
    }
  </code></pre>
  
  <p>.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;section&gt;
      &lt;div v-for="item in filmDetails"&gt;
        &lt;p&gt;{{item.summary}}&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/template&gt;
  ......
  export default {
    name: 'detail',
    computed: {
      ...mapState(['filmDetails'])
    },
    mounted () {
      let _id = this.$route.params.id
      this.$store.dispatch('getFilmDetail', {
       id: _id
      })
    }
  }
  </code></pre>
  
  <p>I wanna show some message on my page, like summary, but the chrome Dev tools console the 'Error in render function: "TypeError: Cannot read property 'summary' of null" ',</p>
  
  <p>I tried.</p>