VUE学习日记（十五） ---- 局部组件

 

<div id="myPage">
      <my-weather></my-weather>
    </div>    

    <script>
      var weatherComponent={
        template:"<div>今天下雨，吃顿好的！</div>"
      }
      var myPage = new Vue({
        el:'#myPage', 
        data:{},
        components:{
          'my-weather':weatherComponent
        },       
      })
    </script>

 

效果展示：