Vue學習之路（二）---組件

1.Vue提供全局的api,Vue.Component,在寫data數據的時候最好用函數返回數據，這樣做是爲了避免在使用多個這個組件時，數據變化而導致組件的數據都變了。

Vue.component('my-header',{
  template: '',//渲染模板
  data: function () {
    return {
      a: 1,
      b: 2
    }
  }
});

2.Vue組件時具有層級的，便於開發比如說

let myHeader = {
  template: '<div>This is my header</div>',
  data: function (){
    return {
      a: 1,
      b: 2
    }
  }//這裏最好是用function的形式返回,防止使用多個組件時，一個組件的數據變化會影響到另外一個組件
};
new Vue({
  el: '#app',
  data: {
    word: 'yang'
  },
  components: {
    'my-header': myHeader
  }
});

在該組件之下還可以寫子組件，不過這裏是舉例子纔在一個文件中使用組件，在實際開發中，會把相應的組件放在文件中，方便管理與維護。