一般在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...