vue 全局方法运用(二)vue.use方法

2019-12-11  本文已影响0人  江心月白之枫

示例

import Router from 'vue-router'
vue.use(Router)

vue.use执行简单function

Vue.use(function(){
    console.log('11')
})

在每个页面created之前都会打印11

 Vue.use({
    install:function(){
        console.log('install')
    }
})

vue.use实际上就是vue.use.install的简写。vue.use不会执行其他的方法,只会执行vue.use.install
例如

var fn=function(){
    console.log('fn')
}
fn.install=function(){
  console.log('ddd')
  Vue.mixins({
    created(){
       console.log(this) //当前组件的实例对象
    }, 
    methods:{ //方法

    }
  )}
Vue.use(fn)

这里会执行vue.use.install的方法,不会执行打印fn.

这里也混入mixins.全局调用方法,方便各个页面调用

vuex其实也是这种原理,混入页面data里面,可以在单个页面更改里面data的state状态

上一篇 下一篇

猜你喜欢

热点阅读