Vue入口是什么与initGlobalAPI怎么应用


今天小编给大家分享一下Vue入口是什么与initGlobalAPI怎么应用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。在上面的scripts/alias文件中可以分析出入口是src/platforms/web/entry-runtime-with-compiler.js在这个入口 JS 的上方我们可以找到 Vue 的来源:import Vue from './runtime/index',我们先来看一下这块儿的实现,它定义在src/platforms/web/runtime/index.js中:这里关键的代码是import Vue from 'core/index',之后的逻辑都是对 Vue 这个对象做一些扩展,可以先不用看,我们来看免费云主机域名一下真正初始化 Vue 的地方,在src/core/index.js中:这里有 2 处关键的代码,import Vue from './instance/index'initGlobalAPI(Vue),初始化全局 Vue API(我们稍后介绍),我们先来看第一部分,在src/core/instance/index.js中:在这里,我们终于看到了 Vue 的庐山真面目,它实际上就是一个用 Function 实现的类,我们只能通过 new Vue 去实例化它。我们往后看这里有很多 xxxMixin 的函数调用,并把 Vue 当参数传入,它们的功能都是给 Vue 的 prototype 上扩展一些方法,Vue 按功能把这些扩展分散到多个模块中去实现,而不是在一个模块里实现所有Vue.js 在整个初始化过程中,除了给它的原型 prototype 上扩展方法,还会给 Vue 这个对象本身扩展全局的静态方法,它的定义在src/core/global-api/index.js中:以上就是“Vue入口是什么与initGlobalAPI怎么应用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: Android Studio如何实现智能聊天

这篇文章主要介绍“AndroidStudio如何实现智能聊天”,在日常操作中,相信很多人在AndroidStudio如何实现智能聊天问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”AndroidStudio如何实现智能聊天”的疑惑…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/31 21:01
Next 03/31 21:01

相关推荐