path to images isn't showing image + vuejs code example

Example 1: add images in data object vuejs

<template>
  <div id="app">
    <img :src="image" />
  </div>
</template>

<script>
import image from "./assets/logo.png"


export default {
    data: function () {
        return {
            image: image
        }
    }
}
</script>

Example 2: image doesnt appear vue

<img :src="image" >
data () {
  return {
    image: require('@/assets/images/pin.svg')
  }
},