宝哥软件园

如何 vue运行的vue文件(vue加载程序)

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

简介:vue的。vue文件运行?

解析。通过vue加载器加载vue文件,在webpack中解析它,并分解vue组件

1.vue-loader做了什么?

Vue-loader是一个webpack loader,它是Vue组件的格式:

模板./templatescript./scriptstyle./style它可以将这样的vue组件转换成JS模块,最值得注意的是它生成了render函数代码

渲染函数代码是从模板编译的组件的核心渲染方法(可以也应该预编译)。在组件的每个渲染过程中,可以通过注入数据来生成虚拟Dom

2.vue核心执行过程

vue核心的执行过程主要分为以下几个阶段:

1)编译模板生成可重用的render函数代码,在vue实例的整个生命周期中只会执行一次甚至零次,因为我们可以在打包时预编译它;2)生成核心渲染监视器,如watcher,它将在vue实例的整个生命周期中继续发挥作用。视图和模式的双向绑定3)虚拟dom的差异比较。当watcher监控到数据的变化时,它会根据注入的新数据执行render函数代码,生成一个新的虚拟dom,并与旧的虚拟dom(第一次执行时可能为空)进行比较。不同的部分将被写入真实的dom

摘要

以上就是vue是如何。vue文件是由边肖引进的。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+