初學Vue，總結如下：

1、首先要區分html的dom和js的dom

2、html的dom是View的範疇，js的dom是Model的範疇。

3、vue這庫就是創建了偉大的new Vue()對象，把html的dom的範疇與js的dom範疇關聯在一起，通過el這個屬性，把js的dom與html的dom關聯在一起了。

-----------------------------------

談談我對vuejs的組件的認識。

最開始的定義組件的方法，雖然有點復雜，但利於容易理解。請按照下面註解順序閱讀。

<div id="box">
                 <!-- 4、通過在html的dom標簽，Vue對象渲染出js的dom內容-->
        <aaa></aaa>
    </div>

<script>
               //
 
1、通過繼承Vue生成js的dom模板對象
        var Aaa=Vue.extend({
            template:‘<h3>我是標題3</h3>‘
        });
        //2、通過Vue對象的組件方法把html的dom標簽與js的dom模板對象關聯一起
        Vue.component(‘aaa‘,Aaa);
            //3、通過Vue對象實例把html的dom與js的dom模型關聯在一起
        new Vue({
            el:‘#box‘,
            
        });

    
 
</script>

通過上面js定義dom->標簽註冊->html的綁定->Vue對象的渲染，就在html中產生了js的dom視圖

上面代碼可以簡化為如下：直接在Vue.compoent方法裏面定義js的dom描述

<div id="box">
    <aaa></aaa>
</div>
<script>
    Vue.compoent(‘aaa‘,{
     template:‘<h3>welcome to here</h3>‘
});
 new Vue({
 el:‘#box‘
});
 
</script>

---------------------------------------

**關於組件裏面的數據必須是函數形式出現，且返回的數據必須是對象（即json）

我所理解的Vue——學習心得體會1（Vue對象）