Vue.js 组件开发：创建电影信息展示组件

<script src='../JS/vue.js'></script>
</head>
<body>
<div id='example'>
  <my-movie :img='imgUrl' title='name' :description='description'></my-movie>
</div>
<script type='text/javascript'>
//注册全局组件
Vue.component('my-movie', {
props : ['img','name','description'],//传递动态Prop
template : '<div> \ 
 <img :src='img'> \ 
 <div class='movie_name'>{{name}}</div> \ 
 <div class='movie_des'>{{description}}</div> \ 
  </div>'
})
//创建根实例
var vm = new Vue({
el:'#example',
data: {
       imgUrl: '3.jpg',
      name: '狙击手',
      releaseYear: '2021年新电影'
   }
})
</script>