美文网首页
vue 全局方法运用(二)vue.use方法

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

作者: 江心月白之枫 | 来源:发表于2019-12-11 21:10 被阅读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状态

相关文章

网友评论

      本文标题:vue 全局方法运用(二)vue.use方法

      本文链接:https://www.haomeiwen.com/subject/pjpagctx.html