vue怎麼把api 掛載到全域性 vue的全域性api

什麼是全域性api

全域性api並不在構造器裡，而是先宣告全域性變數或者直接在vue上定義一些新功能，vue內建了一些全域性api，說的簡單些就是，在構造器外部用vue提供給我們的api函式來定義新的功能。當然對應得也有區域性的，只在當前的例項中可以用，比如區域性過濾器。

vue.directive自定義指令

我們前乙個部分學習了vue中內部指令，其實我們也根據具體需求用vue.directive來自定義指令

我們一般掌握自定義指令的簡寫形式就可以了，自定義中的鉤子函式的如bind，inserted可以了解一下，自定義指令鉤子函式

簡寫形式：

vue.directive('bg', function (el, binding) }和v-bind表示式

兩種過濾器:全域性過濾器與區域性過濾器

全域性過濾器

說明：通過全域性方式建立的過濾器，在任何乙個vue例項中都可以使用

注意：使用全域性過濾器的時候，需要先建立全域性過濾器，再建立vue例項

顯示的內容由過濾器的返回值決定

vue.filter('filtername', function (value) }

import moment from 'moment';

vue.filter('datefmt',function(input,fmtstring),

filters:

通過 filters 屬性建立區域性過濾器, 注意：此處為 filters

vue.extend構造器的延伸

說明:vue.extend 返回的是乙個「擴充套件例項構造器」,也就是預設了部分選項的vue例項構造器。經常服務於vue.component用來生成元件，可以簡單理解為當在模板中遇到該元件名稱作為標籤的自定義元素時，會自動呼叫「擴充套件例項構造器」來生產元件例項，並掛載到自定義元素上。

注意:需要注意的是vue-extend中的data必須是函式，並且return出來

自定義無引數標籤

vue.extend-擴充套件例項構造器

var authorextend = vue.extend(}

", data:function()}

", data:function(), vm.stu, )

template製作模板

一、直接寫在選項裡的模板

data:{

message:'hello vue!'

template:`

注意:這裡需要注意的是模板的標識不是單引號和雙引號，而是，就是tab上面的鍵。