摘要：銷毀前組件實(shí)例銷毀前執(zhí)行的方法。銷毀后組件銷毀后，調(diào)用的方法，對(duì)的改變不會(huì)再觸發(fā)函數(shù)周，實(shí)例已經(jīng)解除事件監(jiān)聽(tīng)和綁定，但結(jié)構(gòu)依然存在。掛在完成后的生命周期鉤子注冊(cè)。生產(chǎn)版本設(shè)為可以啟用檢查。的全局語(yǔ)法用法在下次更新循環(huán)結(jié)束后執(zhí)行延遲回調(diào)。

每個(gè)Vue實(shí)例在被創(chuàng)建時(shí)都經(jīng)過(guò)了一系列的初始化過(guò)程

設(shè)置數(shù)據(jù)監(jiān)聽(tīng)

編譯模板

將實(shí)例掛載到DOM

數(shù)據(jù)變化時(shí)更新DOM

在這一系列過(guò)程中，也會(huì)運(yùn)行一些「生命周期鉤子」的函數(shù)，用在給開(kāi)發(fā)者在不同階段添加自己的代碼的機(jī)會(huì)。

「created」鉤子，在一個(gè)實(shí)例被創(chuàng)建后執(zhí)行代碼

new Vue({
  data: {
    a: 1
  },
  created: function () {
    // `this` 指向 vm 實(shí)例
    console.log("a is: " + this.a)
  }
})
// => "a is: 1"

不要在選項(xiàng)屬性或回調(diào)上使用箭頭函數(shù)，比如 created: () => console.log(this.a) 或 vm.$watch("a", newValue => this.myMethod())。因?yàn)榧^函數(shù)并沒(méi)有 this，this 會(huì)作為變量一直向上級(jí)詞法作用域查找，直至找到為止，經(jīng)常導(dǎo)致 Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not a function 之類的錯(cuò)誤。

參考 Vue實(shí)例

通俗的講：就是在.Vue從加載前到銷毀后，這一些系列過(guò)程中，有特定的階段fn可以提供我們開(kāi)發(fā)者來(lái)進(jìn)行操作。

import Axios from "axios"       // 這是一個(gè)輕量級(jí)的ajax庫(kù)，import是es6模塊導(dǎo)入的語(yǔ)法。
export default {                // 這是一個(gè)vue的模塊，后面講奧。
  name: "app",
  components: {
  },
  data: function () {
    return {
      list: []
    }
  },
  mounted: function () {          // 掛在完成后的生命周期鉤子注冊(cè)。
    this.$nextTick(function () {  // 等待下一次更新完成后執(zhí)行業(yè)務(wù)處理代碼。
      Axios.get("/api/menulist", {// 將回調(diào)延遲到下次 DOM 更新循環(huán)之后執(zhí)行。在修改數(shù)據(jù)之后立即使用它，然后等待 DOM 更新
        params: {
        }
      }).then(function (res) {
        this.list = res.data
      }.bind(this))
    })
  }
}

silent

類型：boolean

默認(rèn)值：false

用法：

Vue.config.silent = true
// 取消Vue所有的日志與警告

optionMergeStrategies

類型： { [key: string]: Function }

默認(rèn)值： {}

用法：

Vue.config.optionMergeStrategies._my_option=function( parent,child,vm){
    return child+1
}
const Profile = Vue.extend({
    _my_option: 1
})
Profile.options._my_option = 2
// 自定義合并策略選項(xiàng)
// 合并策略選項(xiàng)分別接受第一個(gè)參數(shù)作為父實(shí)例，第二個(gè)參數(shù)為子實(shí)例，Vue實(shí)例上下文被作為第三個(gè)參數(shù)傳入。

devtools

類型：boolean

默認(rèn)值：true

用法：

// 務(wù)必在加載 Vue 之后，立即同步設(shè)置以下內(nèi)容Vue.config.devtools = true
// 配置是否允許 vue-devtools 檢查代碼。開(kāi)發(fā)版本默認(rèn)為 true，生產(chǎn)版本默認(rèn)為 false。生產(chǎn)版本設(shè)為 true 可以啟用檢查。

Vue.nextTick

語(yǔ)法：Vue.nextTick([callback, context])

{Function}[callback]
{Object}[callback]

用法：

在下次DOM更新循環(huán)結(jié)束后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個(gè)方法，獲取更新后的DOM

// 修改數(shù)據(jù)
vm.msg = "msg"
// DOM未更新
Vue.nexTick(function() {
    // DOM更新了
    // 執(zhí)行操作
})

Vue.set

語(yǔ)法：Vue.set( object, key, value)

參數(shù):

{Object} object
{String} key
{any} value

用法：

設(shè)置對(duì)象數(shù)據(jù)。如果對(duì)象是響應(yīng)式的，確保屬性被創(chuàng)建后也是響應(yīng)式的，同時(shí)觸發(fā)視圖更新，這個(gè)方法主要用于避開(kāi)Vue不能檢測(cè)屬性被添加的限制。注意對(duì)象不能使Vue示例，或者Vue實(shí)例的根數(shù)據(jù)對(duì)象。

Vue.complie

語(yǔ)法：Vue.compile(template)

參數(shù)：

{string} template

用法：

// 在render函數(shù)中編譯模板字符串
// 在獨(dú)立構(gòu)建時(shí)有效
var res = Vue.Compile(`
{{ msg }}
`)

new Vuew({
    data:{
        msg:"hello"
    },
    render:res.render,
    staticRenderFns:res.staticRenderFns
})

更多的API和用法請(qǐng)看-> API-Vue