Vue文檔 - 初始化選項與實例屬性

var vm = new Vue({
  // 選項 options
  // ==========
  // 數據
  data: '',
  props: '',
  computed: {}, //不應該使用箭頭函數來定義計算屬性函數
  methods: {}, //不應該使用箭頭函數來定義 method 函數
  watch: { key: function(val, oldVal){} },
  // ==========
  // DOM
  el: '',
  template: '',
  render: function(){}, // [Render 函數]
  // ==========
  // 生命周期
  // ==========
  // 資源
  // ==========
  // 雜項

初始化選項為new每個實例之前傳遞的參數。
實例屬性指的是實例vm的屬性，即通過$標明的，以便與代理的 data 屬性區分。

實例屬性

實例屬性名 類型 描述 示例
$data Objecct vm.$data === options.data
$el DOM vm.$el === options.el
$options Object vm.$options.data === vm.$data
$root 如果當前實例沒有父實例，此實例將會是其自已
$slots 內容分發的意思是混合父子組件的內容 使用-Slot-分發內容
$refs $refs 只在組件渲染完成后才填充，并且它是非響應式的。它僅僅作為一個直接訪問子組件的應急方案——應當避免在模版或計算屬性中使用 $refs

實例方法 / 數據

實例方法名(數據) 類型 描述 示例
$watch 觀察 Vue 實例變化的一個表達式或計算屬性函數 var unwatch = vm.$watch('a', cb)
$set 這是全局 Vue.set 的別名
$delete 這是全局 Vue.delete 的別名

實例方法/事件

實例方法名(事件) 類型 描述 示例
$on 監聽當前實例上的自定義事件。事件可以由vm.$emit觸發 vm.$on('test', cb)
$once 監聽一個自定義事件，但是只觸發一次，在第一次觸發之后移除監聽器
$off 移除事件監聽器
$emit 觸發當前實例上的事件 vm.$emit('test', 'hi')

實例方法 / 生命周期

實例方法名 類型 描述 示例
$mount 一般用來處理實例“未掛載”狀態
$destory 在大多數場景中你不應該調用這個方法。最好使用 v-if 和 v-for 指令以數據驅動的方式控制子組件的生命周期。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容