SOURCE

//全局组件
Vue.component('my-movie',{
  template:'<div>{{name}}<img :src="url"/></div>',
  data:function(){
  return {
    name:'罗小黑战记',
    url:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1572069391289&di=2f7eea2d9ad35be82e119b5f25091726&imgtype=0&src=http%3A%2F%2Fatt2.citysbs.com%2Fhangzhou%2F2019%2F10%2F01%2F09%2Fmiddle_640x421-090021_v2_15611569891621607_a729f851538f9965843ae8d5093bda1e.jpg'
  }
  }
})
new Vue({
  el:'#app',
 components:{
   'my-input':{
      template:'<div><input type="text" v-model="value"/>{{value}}</div>',
     data:function(){
       return{
         value:''
       }
     }
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
<my-input></my-input>
<my-movie></my-movie>
</div>