vue-learning：13 - js - vue作用域概念：全局和局部

目錄

• 全局作用域：Vue對象
  • 全局api
• 局部作用域：
  • 實例對象vm
    • 實例api
  • 組件component
    • 組件配置選項

在引入Vue文件時，就相當於擁有了一個全局Vue對象。
在var vm = new Vue(option)時，就相當於創建了一個實例對象vm
在注冊一個組件后，就相當於創建了一個組件對象。

全局Vue對象的屬性和方法能被所有實例對象共享，或者說繼承。全局API調用是Vue打點調用。形式是：VUE.directive、VUE.filter。

一個頁面中可以創建多個實例對象，比如var test = new Vue()、var example = new Vue()。實例對象的api是經過vue特定封裝的，以$開始。形式是：test.$filter 、example.$data。

定義在組件內部的屬性只限組件內使用。使用Vue.component()注冊時為全局組件，可以被所有實例對象使用。在var test = new Vue({components:header})注冊的組件為實例對象test內的局部組件，只能被test實例對象內部使用，不能被其它實例對象使用。

在組件內聲明的屬性或方法，可以直接用指向當前組件對象的this打點調用，形式如this.filter、this.message。此時的this也可調用當前組件所屬實例對象中的屬性和方法，但必須$開頭，this.$options、this.$data。

從這節開始，我們進入Vue邏輯層的知識點。具體看下節內容。