vue 擴充套件

2021-07-15 07:03:05 字數 1127 閱讀 1188

一般在vue專案開發時會用webpack 模組化開發,它和在頁面裡引用vue 的寫法還是有區別的

webpack 配合:

一般都是在webpack.config.js配置編譯的js

在輸出目錄內建立html,引用生成的js即可

它是就是require引用vue ,vue-router,vue-resource 等

然後引入全域性元件,過濾器,還有路由配置js

它就是乙個元件,

由組成,可以定義樣式,模板,和元件模組

元件由module.exports={}來返回乙個物件

有時需要在模組裡使用vue,那麼怎麼辦呢?

當然是require引用,然後使用了

整個專案裡require引用的vue都是乙個物件。

當然元件模組裡如果不引用是訪問到不了vue的。

module物件內可以用this來訪問vue例項物件上的原型方法

全域性元件:

引用vue 和元件模組,用vue.commponent(name,require('..')

vue擴充套件:

1,引用的vue是乙個建構函式,可以在其上新增靜態屬性或方法。

vue.webpack={};

在其他模組裡引用的vue就可以使用了。

全域性vue的元件 指令 過濾器用此來實現 的。

2,還可以為其原型新增屬性或方法,這樣new vue() 例項化的物件就可以訪問原型屬性、方法了

vue.prototype.getname=function()

var v=new vue(

})v.getname()

會輸出兩次getname,對其物件或this都可以訪問

當然model定義的元件物件也可用this來訪問

3、還有一種寫法

module=function(vue){

vue.xx

這種寫法是可以的,但是vue為我提供了乙個實現的方法,vue.use(fn|obj)

它引數是物件或方法。

如果是方法它會把vue當引數傳遞

如果是物件會呼叫其上的install 方法,把vue傳遞,第二引數為optins配置物件

Vue學習擴充套件

vue學習擴充套件 string原始方法 es6字串擴充套件api 結構表示式 let arr 1,2,3 es6通過攝製角標來獲取值 物件 const person 解構表示式獲取值 const person 列印 函式簡寫方式 1.定義乙個加法的方法 傳入兩個引數a b 計算a b的結果並返回 ...

vue元件小擴充套件

動態元件 b component keep alive div body newvue b script type type a b a 切換 button type component div body newvue components b script is屬性 aatd bbtd cctd ...

Vue使用的擴充套件

vue2.0提供了vuex進行非父子元件之間的通訊,但在簡單的場景下,可以使用乙個空的vue例項作為 事件匯流排。實現 示例 div id c1 c1 c2 c2 div var bus new vue 為了方便將bus 空vue 定義在乙個元件中,在實際的運用中一般會新建一bus.js vue.c...