VUE学习日记（十七） ---- 组件数据函数

 

<h3>组件数据函数</h3>
    <div id="myPage">
      <div>今天的天气是：<today-weather/></div>
    </div>    

    <script>
      Vue.component('today-weather',{
        template:"<strong>{{todayWeather}}</strong>",
        data:function(){
           return{
             todayWeather:"阴天"
           }
        }
      });
      var myPage = new Vue({
        el:'#myPage',
        data:{
          
        }
      })
    </script>

 

效果展示：