Vue.use和install之间的关系

创建一个plugins.js文件

跟main.js同级下,创建一个plugins.js文件

export default {
    // install是vue给我们提供的。它会自动去执行install。
    // install 的第一个参数是vue的实例哈
    install(vue) {
        //这一行语句会被执行
        console.log('vue', vue);
        // 可以定义方法,外界使用直接this.demo()
        vue.prototype.demo = function () {
            alert('哈哈后')
        }
        // 可以定义过滤器
        // 可以定义公共数据
        // 可以定义mixin
    }
}

main.js下引入注册

// 引入插件
import keyname from "./plugins"
// 使用插件
Vue.use(keyname)

使用插件

this.xxx()

说明

在vue中只要是Vue.use(xxx)
说明变成了一个vue的插件。

我的理解

如果一个东西可以被Vue.use说明这个东西的内部肯定是install
并且这个install(vue){这个实例就是vue}
posted @ 2021-10-29 21:05  南风晚来晚相识  阅读(381)  评论(0编辑  收藏  举报